I'm trying to show a part of my header component just in some routes. Here is my header component: <div id="cabecalho" class="p-2"> <div class="row"> <div class="col mt-2"> <div *ngIf="this.unidadeAtendimento == 8"> <img src="../../../assets/imagens/logo-stl-removebg-preview.png" alt="logo-stl" class="logo-stl mt-1"/> </div> </div> <!-- here…
I'm trying to convert a template to angular that uses html, css, bootstrap, javascript and similar technologies. The template has a loader function and a gif is placed on it. When I visit it for the first time, it loads…
Property 'find' does not exist on type 'HttpEvent'. logIn(signInForm: FormGroup) { console.log('Login', signInForm); this._http.get<any>('http://localhost:3000/signUpData', this.signInForm.value).subscribe(result => { if (this.id === undefined) { return } this._toast.success(this.signUpData, 'Registered Successfully!'); const userData = result.find((loginData: any) => { return loginData.email === this.signInForm.email && loginData.password…
I am using this pattern for password validation. Validators.pattern('((?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!"#$%&`{|}~()*+,-.\:/;<=>?@[\]^_/']).{10,})'), But this validation is not working for ,;() etc but working for!@#$%^& These characters are need to be accepted- !"#$%&'()*+,-./:;<=>?@[]^_`{|}~ Can anybody suggest where the error is?
Below is the process I've been using to subscribe and then update a reactive form based on observable data. Maybe there's a way to fix the problem without subscribing to the observable and changing the value. @Component({ selector: 'app-my-component', template:…
Is it possible to add the " *ngIf " directive to an element created with TypeScript? The only solution that I found yet is, depending on the condition, this element dynamically created changes it's display between 'none' or 'block'. Tried…
In my Angular 12 application, I have a reactive form with multiple inputs and a SAVE button which submits the form. The SAVE button is disabled by default and I need to enable it only if ANY of the input…
I'm getting this type of data from backend let a = [ { QuestionNo: "1", pageNumber: "1", response: "xyz", question: "What is your Name", publicUrl: null, fieldtype: "Text" }, { QuestionNo: "2", pageNumber: "1", response: "7897897987", question: "Phone no", publicUrl:…
I have created an angular application using angular 14. The folder structure looks like: >src >app |_> app-routing.module.ts |_>app.component.html |_>app.component.ts |_>app.module.ts >components >home |_>home.component.html |_>home.component.ts |_>home.module.ts >shared >components |_>shared.module.ts Here is the source code: -app.module: @NgModule({ declarations: [AppComponent], imports: […
I get json data from a backend which is converted to my model classes (it has nested classes and arrays). Now I want to create a reactive FormGroup by initializing it with my model class. Unfortunately this results in a…