What is the Output decorator used for in this component class?

June 25, 2021 Team Pa 0 Comment

LinkedIn Angularjs Assessment Questions and Answers

@Component({

selector: ‘app-shopping-cart’,

. . .

})

export class ShoppingCartComponent {

@Output() itemTotalChanged = new EventEmitter();

}

It makes the itemTotalChanged class field public.
It provides a way to bind values to the itemTotalChanged class field, like so: <app-shopping-cart [itemTotalChanged]=”newTotal”></app-shopping-cart>.
It provides a way to bind events to the itemTotalChanged class field, like so: <app-shopping-cart (itemTotalChanged)=”logNewTotal($event)”></app-shopping-cart>.
It is simply a way to put a comment in front of a class field for documentation.

Leave a Reply Cancel reply

What directive is used to link an tag to routing?What directive is used to link an tag to routing?

routeTo routerLink routePath appLink[...]

READ MORE

What is the difference between these two markup examples for conditionally handling display?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[...]

READ MORE

Based on the following usage of the async pipe, and assuming the users class field is an Observable, how many subscriptions to the users Observable are being made?Based on the following usage of the async pipe, and assuming the users class field is an Observable, how many subscriptions to the users Observable are being made?

<h2>Names</h2> <div *ngFor=”let user of users | async”>{{ user.name }}</div> <h2>Ages</h2> <div *ngFor=”let user of users | async”>{{ user.age }}</div>[...]

READ MORE