Usando pipe assíncrono com ngFor
O objetivo final é usar ngFor's aninhados criados dinamicamente. Eu tento criar uma série de menus suspensos, cada um dependendo do anterior. O número exato de menus suspensos é desconhecido e criado dinamicamente. Exemplo:
<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>
Tudo falha no Dropdown [nr.id], que parece não funcionar com o canal assíncrono. Eu brinquei um pouco:
{{myAsyncObject | async}} //works
{{myAsyncObject['prop1'] | async}} //fails silently
{{myAsyncObject['prop1']['prop2'] | async}} // EXCEPTION: TypeError: Cannot read property 'prop2' of undefined in [null]
Alguma idéia de como fazer isso funcionar?