角2はngFor内でメソッドを呼び出す

Question

ngForからIDを渡してIDをドロップダウンに入力する方法を教えてください。

これは解析エラーの原因です。

<div class="container" style="width:100%; border:1px double"> 
    <div class="row left" *ngFor='let controls of tabControls'> 
     <div class="col-md-3 text-left" style="border:1px dotted"> 
      {{controls.DropDownTitle}} 
     </div> 
     <div class="col-md-9 text-left"> 
       <select [(ngModel)]="populateValues(controls.DrodownID)"> 
       //I will do this after populateValues which wil return an array of items 
        <option *ngFor="let item of items" [value]="item.id"> 
       {{ item.name }} 
       </option> 
       </select> 
     </div> 
    </div> 
    </div> 

出力

（私はngModelが進むべき道ではないですけど、私はただの例を示したかった）ので、私は月のドロップダウンのすべての値を取得するためにdropwdownidを渡す必要があります。

Answer 1

「私のドロップダウンに値を設定するメソッドを呼び出す」ということはよく分かりません。

あなたはこのような何かをする必要があります。これは、想定している

<select> 
    <option *ngFor="let item of items" [value]="item.id"> 
    {{ item.name }} 
    </option> 
</select> 

あなたが{id, name}オブジェクトの配列を保持items性質を持っています。

<option *ngFor="let item of getItems()" [value]="item.id"> 

しかし、それはあなたのコンポーネントのクラスからメソッドを呼び出し、プロパティに結果を格納する方が良いでしょう：

あなたがする必要がある場合は、テンプレートから直接アイテムを取得するメソッドを呼び出すことができます

export class MyComponent { 
    items: any; 
    ngOnInit() { 
    this.items = getItems(); 
    } 
}