I have a full Angular 16 application, containing routing, multiple components and services and I need to convert it into a single Webcomponent, that can be loaded via the script tag in an external UI application/shell. So far, all the…
the problem is that the console represent 'undefined'. this.firestore.collection('list').doc('1').get().subscribe((doc: any) => { this.myAns = doc.data().answer ? doc.data().answer : "no answer"; }); console.log('this.myAns', this.myAns); but, I want to get right answer in console. this.firestore.collection('list').doc('1').get().subscribe(async (doc: any) => { this.myAns = await…
I want to nest an Angular component inside an SVG container. However, the CSS selector tag <app-square> turns red and won't allow it. It works fine if I change the <svg> tags to a <div> or another container, but I…
I have data like this: const parents = [ { name: "Bob", children: [ { name: "Mike" }, { name: "Sarah" } ] }, { name: "Jim", children: [ { name: "Eve" }, { name: "Kenny" }, { name: "Brook"…
I am developing an angular application, where I am trying to pass a value from a parent component to a child component using the @Input() decorator. however, the value still renders the old/initial value from the child component and not…
special characters are accepting in input field . i am using the field for storing the serial number. serial number is alphanumeric <ion-input [(ngModel)]="serial_number" (ngModelChange)="validation($event)" #serialno id="serialno" class="cac-input"></ion-input> validation(event) { const inputElement = document.getElementById('serialno') as HTMLInputElement; const pattern = /^[a-zA-Z0-9]*$/;…
In my angular project I have set up i18n for "sv"(swedish) and "en". What I want is to when accessing mypage.com, "/sv" or "/en" to be added to baseHref so that correct index.html is loaded from firebase hosting based of…
I have a link button as shown in the code below: <div class="col-2"> <a type="button" routerLink="auto-generate-schedules/generate" class="btn btn-primary mb-2">Generate Schedules </a> </div> ... which when I click on it, it does not display any border indicating it is selected. But…
I have tried everything on StackOverflow similar questions but still I couldn't fix this issue. I have this method in my component.ts file. private initForm() { if (this.form) { this.form.patchValue(this.course); } else { var controlsConfig = { duration: [this.course.duration], credits:…
I'm new to Angular 17 and I've noticed that every time I want to use an ngClass attribute or an ngStyle I get an error like it doesn't recognize them and I get this error NG8002: Can't bind to 'ngClass'…