最終的な目標は、動的に作成されたネストされたngForを使用することです。 私は以前のものに応じて、一連のドロップダウンメニューを作成しようとしています。ドロップダウンメニューの正確な数は不明であり、動的に作成されます。例:Angular2のngForで非同期パイプを使用するときの問題
<form [ngFormModel]="dropDownForm" (ngSubmit)="onSubmit()">
<div *ngFor="#nr of numberOfDropdowns">
<label>{{nr.name}}</label>
<select [ngFormControl]="dropDownForm.controls[i]">
<option *ngFor="#item of Dropdown[nr.id] | async" value="{{item.value}}">{{item.name}}</option>
</select>
</div>
<button type="submit">Submit</button>
</form>
非同期パイプでは動作しないDropdown [nr.id]ですべての処理が失敗します。 私は少し周りを演奏:この作業を取得する方法について
{{myAsyncObject | async}} //works
{{myAsyncObject['prop1'] | async}} //fails silently
{{myAsyncObject['prop1']['prop2'] | async}} // EXCEPTION: TypeError: Cannot read property 'prop2' of undefined in [null]
任意のアイデア?
多分私はそれを逃したことがありますが、何がありますか?フラグは?それはオプションか何かになるように思える? – markthethomas
angular2の安全なナビゲーション演算子を検索できます。 https://angular.io/docs/ts/latest/guide/template-syntax.html#!#safe-navigation-operator角度安全ナビゲーションオペレータ(?)は、より安全で便利な方法で、プロパティパス。この式は、最初のヌル値に当たったときに退く。表示は空白ですが、アプリはエラーなく回転し続けます。 – sathishvj