The most easy way is pass as argument the index of “terms”. Put two buttons, one to AddTerms and another one to hideTerms/showTerms. <div *ngFor = “let term of terms;let i=index”> <!–see the way to get the index of the array –> <div class=”row tr”> {{term.id}} <!–you make a link, I use a button–> <!–the … Read more
*Update To create a customFormControl over a control, we use parent, see an example checkPasswords(): ValidatorFn { //see that the argument is a FormControl return (control: FormControl): ValidationErrors => { //the formGroup is control.parent const group = control.parent as FormGroup; //but we must sure that is defined if (!group) return null; console.log(group.get(“password”).value); let pass = … Read more
Typescript You can tell this by looking at the projects source: https://github.com/angular/angular solved In which language angular 2 framework is developed in? [closed]
The Array.prototype.findIndex() method returns an index of the first element in the array that satisfies the provided testing function. function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].findIndex(isBigEnough); // 3 solved How to find index of object in a array from JSON – Angular 2
If loading a module while navigating takes too much time, you could consider eagerly preloading modules instead. What this does is load your main application module first and display your view, and in the background load all the other modules even before you navigate to them. You can use the following RouterModule configuration to make … Read more
my sulotion (need to use a Directive) –html button.component.html <button class=”btn btn-danger” style=”width: 110px” appButton” ></button> –Typescript button.directive.ts @Directive({ selector: ‘[appButton]’ }) export class ButtonDirective implements OnInit { constructor(private elRef: ElementRef, private renderer: Renderer2) { } ngOnInit() { } @HostListener(‘mousedown’) onmousedown(eventData: Event) { if (this.elRef.nativeElement.style.backgroundColor === ‘blue’) { this.renderer.setStyle(this.elRef.nativeElement, ‘background-color’, ‘rgba(200,0,0,0.7)’); } else { this.renderer.setStyle(this.elRef.nativeElement, … Read more
let emitObj = {}; emitObj[srchTxtlabel] = this.val1; this.AdvancedSrchEvent.emit(emitObj) 2 solved typescript anonymous object with variable based label value
So what you basically need is masking your input. angular2-text-mask provides you a directive which you can use on your input elements like this: <input [textMask]=”{mask: amountMask}”> Where amountMask is a property declared your component: public amountMask= createNumberMask({ prefix: ”, allowDecimal: true, decimalLimit: 2 }); To install angular2-text-mask package: npm i angular2-text-mask –save createNumberMask is … Read more
I guess, this part from the Angular Style Guide says it all: Consider using a class instead of an interface for services and declarables (components, directives, and pipes). Consider using an interface for data models. solved classes vs interfaces in Angular(TypeScript)
Here is your code, which sets the data you are receiving from backend, here I have stored it in a variable data. Please notice, this is a shortened version of your form, but the basics are there, you only need to add the few missing properties in corresponding form arrays. The build of the empty … Read more
Without any additional information, it looks like you haven’t given the component’s metadata a selector. The selector identifies a matching HTML element in the app’s index.html file to insert the component’s HTML. An example: index.html <!doctype html> <html> <head> <meta charset=”utf-8″> <title>My App</title> <base href=”https://stackoverflow.com/”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”icon” type=”image/x-icon” href=”favicon.ico”> </head> <body> … Read more
This problem is solved. Just need to save the HTML static file in the assets folder then you can call it from any component. 1 solved Static HTML Page without Header/Footer
Best way is to import transaction files. A direct connection to banks are most of the time only for big companies and is a lot of work to implement (if they let you). Most banks have multiple file types to export transactions, choose the most common and implement this. 1 solved C# – Bank check … Read more
Bundle sizes may be larger than without Ivy and strict template type checking may give you some problems. Those issues should be resolved in 9.0.0 final. The RC is coming soon and is worth testing out. -Michael Prentice (Angular Team) Please look at the comments below from Michael himself 🙂 3 solved downsides of using … Read more
I know it’s been a downvoted question but I would still like to provide you an answer. For the above html, you can create something similar in angular 2 as: app.component.ts import { Component } from ‘@angular/core’; import { NgForm } from ‘@angular/forms’; @Component({ selector: ‘app-root’, templateUrl: ‘./app.component.html’, styleUrls: [‘./app.component.css’] }) export class AppComponent { … Read more