タグ付けされた質問 「ngfor」

私ngForも電流を追跡する単純なループがありindexます。index印刷できるように、その値を属性に格納したい。しかし、私はこれがどのように機能するのか理解できません。 私はこれを基本的に持っています： <ul *ngFor="#item of items; #i = index" data-index="#i"> <li>{{item}}</li> </ul> の値を#i属性に格納したいdata-index。私はいくつかの方法を試しましたが、どれもうまくいきませんでした。 ここにデモがあります：http : //plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview 属性にindex値を保存するにはどうすればよいdata-indexですか？

571 angular  ngfor 

私は角度のを使用しようとすると問題を抱えている*ngForし、*ngIf同じ要素に。 のコレクションをループしようとする*ngForと、コレクションはと見nullなされ、その結果、テンプレートのプロパティにアクセスしようとすると失敗します。 @Component({ selector: 'shell', template: ` <h3>Shell</h3><button (click)="toggle()">Toggle!</button> <div *ngIf="show" *ngFor="let thing of stuff"> {{log(thing)}} <span>{{thing.name}}</span> </div> ` }) export class ShellComponent implements OnInit { public stuff:any[] = []; public show:boolean = false; constructor() {} ngOnInit() { this.stuff = [ { name: 'abc', id: 1 }, { name: 'huo', …

473 angular  ngfor  angular-ng-if 

何が悪いのですか？ import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) class …

286 angular  typescript  angular2-directives  ngfor