Angular2 Ng式のバインド配列

Question

ngforループで使用される配列が更新されると、Angular2にその式を再実行させる方法を教えてください。現在、空の配列でbeginninで実行されているため、何も出力されません。一度更新されると（配列が変更された）ngfor式は再実行されません。これが望ましい機能です。これはどうですか？

たとえば、コンポーネントHTMLでは、

<option *ngFor="let user of users" [value]="user.id">{{user.name}}</option> 

コンポーネントTSではプロパティを宣言しています。 ngOnInitで

users: IUser[] = []; 

私達は私達のユーザーデータを返すTSサービスへの呼び出しを持っています。

this.userDataService.getUsers().subscribe(data => { 
    this.users = data; 
}); 

コード例が更新されました。

@Component({ 
    selector: 'app-manage-user', 
    templateUrl: './user-form.component.html', 
    providers: [UsersDataService] 
}) 
export class UserFormComponent implements OnInit { 

    constructor(private userDataService: UsersDataService) { 

    } 

    users: IUser[] = []; 

    ngOnInit() { 
    this.userDataService.getUsers().subscribe(user => { 
     this.users = user; 
    }); 
    } 
} 

Answer 1

変更の検出にChangeDetectorRefを使用できます。

import {ChangeDetectorRef} from '@angular/core'; 

あなたのコンストラクタでそれを注入して、配列の値が変更された（）メソッドdetectChangesを呼び出す：私は同じようにそれを使用することをお勧め

constructor(private userDataService: UsersDataService, private changeDetector: ChangeDetectorRef) { 

    } 

    users: IUser[] = []; 

    ngOnInit() { 
    this.userDataService.getUsers().subscribe(user => { 
     this.users = user; 
     this.changeDetector.detectChanges(); 
    }); 
    } 

Answer 2

：

<select *ngIf="users.length >0"> 
<option *ngFor="let user of users" [value]="user.id">{{user.name}}</option> 
</select 

Answer 3

あなたがチェックすることができますリクエスト高速配列が更新されないため：

ngOnInit() { 
    this.userDataService.getUsers().subscribe(user => { 
     if(user){ 
     this.users = user; 
     } 
    }); 
    }