In an angular2 app, I want to conditionally hide/show list elements in a
unordered list. I'm trying to work out how to create a complex *ngIf=
expression with a combination of data from the current list item and an
injected value, but I need to listen for changes in the injected value.
Below is my current attempt.
import {Component, Input, Output, EventEmitter} from 'angular2/core';
> import {SL} from './sl';
> import {SLListItem} from "./sl_list_item";
> import {SLStatus} from "./sl_status";
>
> @Component({
> selector: 'sl-list',
> properties: ['sls'],
> template: `
> <ul>
> <li *ngFor="var sl of sls" *ngIf="slStatus.showOrder && sl.quantity > 0
> || !slStatus.showOrder">
> <sl-list-item [sl]="sl" (change)="itemChanged($event)"></sl-list-item>
> </li>
> </ul>
> `,
> providers: [SLStatus],
> directives: [SLListItem]
> })
> export class SLList
> {
> @Input() sls: SL[];
> @Output() onChanged = new EventEmitter<SL>();
> sl: SL;
> slStatus: SLStatus;
>
> constructor(private _slStatus: SLStatus)
> {
> this.slStatus = _slStatus;
> }
>
> itemChanged(event:SL):void
> {
> console.log('SLList.itemChanged:',this, event);
> this.onChanged.emit(event);
> }
> }
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
