AngularJs Linkedin Answer
Q1. What is the purpose of the ViewChild decorator in this component class? @ @Component({ ... template: '<p #bio></p>' })…
How can you disable the submit button when the form has errors in this template-driven forms example?
<form #userForm="ngForm"> <input type="text" ngModel name="firstName" required> <input type="text" ngModel name="lastName" required> <button (click)="submit(userForm.value)">Save</button> </form> [ ] <button (click)="submit(userForm.value)" disable="userForm.invalid">…
What is the difference between these two markup examples for conditionally handling display?
<div \*ngIf="isVisible">Active</div> <div [hidden]="!isVisible">Active</div> The ngIf is shorthand for the other example. When Angular processes that directive, it writes a…
What is the Output decorator used for in this component class?
@Component({ selector: 'app-shopping-cart', . . . }) export class ShoppingCartComponent { @Output() itemTotalChanged = new EventEmitter(); } It makes the…
. What directive is used to link an tag to routing?
routeTo routerLink routePathn appLink
What is the purpose of the valueChanges method on a FormControl? What is the purpose of the null method on a null?
It is used to configure what values are allowed for the control. It is used to configure what values are…
What are the two component decorator metadata properties used to set up CSS styles for a component? What are the two component decorator metadata properties used to set up CSS styles for a component?
viewEncapsulation and viewEncapsulationFilesnull and null There is only one and it is the property named css. There is only one…
What is the correct template syntax for using the built-in ngFor structural directive to render out a list of productNames?What is the correct template syntax for using the built-in null structural directive to render out a list of null?
[ ] <ul> <li [ngFor]="let productName of productNames"> {{ productName }} </li> </ul> [ ] <ul> <li ngFor="let productName of…
Which DOM elements will this component metadata selector match on?
@Component({ selector: 'app-user-card', . . . }) Any element with the attribute app-user-card, such as <div app-user-card></div>. The first instance of <app-user-card></app-user-card>.…