TS Component
ngOnInit() {
if(somecondition)
// The line of code that is causing issues
this.openModal(#tempName);
}
HTML Component
<ng-template #tempName>
Content goes here!
</ng-template>
this.openModal(#tempName) -> How can I access the ngTemplate tempName in this case?
Make sure to insert your code correctly
@ViewChild('tempName') mymodal: ElementRef;
//Do not try to access this.mymodal in ngInit, as it will only be available in ngAfterViewInit
ngAfterViewInit()
{
if (somecondition)
this.openModal(mymodal);
}
I've been struggling with this for the past couple of days - how can I have a new ngModel for each iteration within an *ngFor loop? The idea is that I load a list of questions, and within each question there are 2 propositions. Here's the HTML: & ...
Looking for a well-structured formatted JSON, but all I get is confusion and this strange image: Does anyone have any insights on what might be causing the issue? HTML <span style="font-weight: 500;">Payload Data: </span> <pre><co ...
Question : Filter the JSON array to retrieve specific entries 1: All entries with name "Sam". 2: All entries with date "Dec 2019". // JSON Data provided below. var data = [{ "id":"27", "0":{ "name":"Sam", "date":"2021-02-28" ...
Check out this sample app that you can download to see the issue in action: https://github.com/chrillewoodz/ng-boilerplate/tree/universal I am currently working on implementing angular universal, but I'm encountering an error with a SCSS import in o ...
In my code, I have a service called MyService that is decorated with the following: @Injectable({ providedIn: 'root' }) Part of its implementation includes: private myData: string = ''; setData(data: string) { this.myData = d ...
I created a basic todo app using React, TypeScript, and Node. Below is the main component: import * as React from "react" import {forwardRef, useCallback, useEffect} from "react" import {ITodo} from "../types/type.todo" import ...
I am facing issues with some of my karma jasmine unit tests failing after adding an ngAfterViewChecked. Despite initializing the "mySwitchEl" as shown below, the error persists. @Component({ selector: 'my-component', templateUrl: '. ...
When attempting to set up a sigma.js project with node.js in TypeScript, I encountered a reference error after starting the node.js server: ts-node index.ts The problem seems to be located within the sigma\utils\index.js file. <nodejsproject& ...
I'm attempting to transform an object into a dynamically created type, but I'm having difficulty getting it to work correctly. Imagine I have the following object: const constants = { filter: 'flr', color: 'col' } Is ...
I am currently working on a TypeScript project that requires loading translations from individual .json files assigned to each country. For instance, we would have separate language files like en.json, es.json. The goal is to be able to access these trans ...
Could someone help me figure out when the bootstrap and syncfusion libraries were last updated in my Angular project? I'm having difficulty finding this information. ...
Currently, I am experimenting with the react feature called onChange. My goal is to update local data by adding a value when a checkbox is selected. Conversely, when the checkbox is unselected, I just want to display the original data. However, I find that ...
I'm encountering the error "Cannot read property 'scrollToBottom' of undefined" and haven't been able to find a solution anywhere, hence this post: Here is my use case: I have a custom accordion list, and on click of one of the list i ...
How can array data be merged based on the date while avoiding duplicates? See the code snippet below: [ { date: [ '2019-12-02 08:00:00', '2019-12-03 08:00:00' ], upload:["47.93", "47.46", "47.40", "47.29" ], download: ["43.90", ...
I am facing an issue with importing the dragscroll.js package. I have attempted to import it in both the index.html file and angular.json file but keep getting this error message: dragscroll.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND My project ...
I managed to successfully create a structure for recording and downloading audio files. However, I'm facing an issue where the final downloaded file has an unknown duration. Is there any way to solve this problem?? Here is my Typescript code snippet: ...
I'm attempting to integrate Leaflet Awesome Markers into my Angular 10 project to incorporate Font Awesome icons in my Leaflet markers. However, I'm running into an error when trying to create a L.AwesomeMarker. https://i.sstatic.net/7o81y.png ...
I am currently using Angular material 6 to present data in a grid format utilizing material components. When it comes to printing, I have a "printReport()" function that captures the HTML content from the view and triggers the window.print() method. The i ...
I am seeking information on how to access the values of selected items in templates. Specifically, I want to understand how to retrieve the selected value of IPMIDisplayTime and IPMIDisplayTime within the template for later use. import {ViewChild, Elem ...
As I work on writing tests for my Angular2 application, I am encountering a problem. When I use the templateUrl property in the Angular2 component, linking it to an HTML file, instead of using the template property, the test fails to run. The async callbac ...