md-nav-list设置* ngFor list中的默认选定项目

Question

<md-nav-list>
    <md-list-item *ngFor="let distributionGroup of distributionGroupIndexes$ | async;" 
    (click)=selectDistributionGroup(distributionGroup.id)>
        <span>{{distributionGroup.name}}</span>
    </md-list-item>
</md-nav-list>

在上面的示例中，我希望能够指定最初选择的md-list-item。我似乎找不到这样做的方法。

列表正在异步填充（注意| async），但我不认为这是我麻烦的根源......

我找到了对其他材料元素的md-selected-item的引用，因此乐观地尝试添加 md-selected-item="distributionGroupIndexes$[0] | async"到md-nav-list，但没有快乐。

非常感谢任何关于如何做到这一点的提示。

Answer 1

你现在可以解决这个问题，这可以帮助其他人，我将选择绑定到从视图到组件的数据模型。

 <md-list-item *ngFor="let distributionGroup of distributionGroupIndexes$ | async;" 
(click)=selectDistributionGroup(distributionGroup.id)>

在标记中添加：

[(ngModel)="distributionGroup.id"]

然后在组件中给出它的默认值，视图将加载选中此值。