I have a form in which there are input elements of type text that may contain text starting with @, now what I want to achieve is to highlight the partial text inside the input elements that starts with @.…
I've created a footer component in my angular application that I want to "stick" to the bottom of the page the way a footer would. I created a footer component, and put it in the default app.component.html file (making it…
This is my form in angular. hotel.component.html: <div class="container-sm"> <div class="bg-light jumbotron text-center"> <h2>Hotel</h2> </div> <form [formGroup]="form" (submit)="onSubmit()" class="mb-3"> <div class="col"> <label class="form-label fw-bold">Ammenities:</label> <div class="d-flex"> <div class="form-check me-4"> <label class="form-check-label"><input class="form-check-input" type="radio" name="option" value="Pool" formControlName="option"> Pool </label> </div> <div…
I have an Ionic, Angular, and Capacitor application. I have recently updated it to the latest version of Ionic 7, Angular 16, and Capacitor5. After the update, on Android when I install it the first time, it works fine without…
I have a front-end angular app in which I would like to have the focus set to a particular textarea with the cursor blinking and ready to have the user type in the text area upon loading. After doing some…
I am using ionic 7 and angular fire for authentication using firebase. Lot of code on the internet uses older way of app.module.ts which is no longer the way. So, i created a new firebase.module as below import { NgModule…
I want a table where header is sticky and body should be scrollable and the whole table should have rounded corners. This is my code. <div class="col-lg-4 table-container"> <table> <thead> <tr> <th class="table_header">DEPARTMENTS</th> </tr> </thead> <tbody class="scrollable-body"> <tr *ngFor="let department…
i'm getting a typescript error: Typescript error when trying to implement nested reactive forms in angular. I can't understand at what part it becomes an AbstractControl if i'm sending a FormGroup from the beggining i have this parent component: import…
i'm a little new to the css part and i'm having trouble trying to move my checkbox block to the right and keep the other block on the left. My checkbox expected checkbox example could you help me please? HTML:…
The problem tl;dr: An angular component I'm creating isn't clickable via enter. I have a library built with stencil that defines & creates a bunch of angular components to use across a set of apps. I'm trying to create a…