Angular Material - md-select - 下拉列表中的选定项目

时间:2017-05-09 16:33:17

标签: angular select material md-select

我有一个md-select下拉列表,其中包含用户名列表。我想要选择lead.id。我怎样才能做到这一点?

#!/opt/local/bin/bash
list=$(rg --files |grep -i $@)
IFS=$'\n'
select file in $list 
   do test -n "$file" && break; 
exit; 
done
open "$file"

2 个答案:

答案 0 :(得分:2)

您正在使用ng-model,这是AngularJS语法。但是你不需要在这里使用ngModel,因为你有一个反应形式(??),你可以使用你收到的值设置formcontrol。因此,当您收到plan后,您可以设置值:

this.myForm.get('lead').setValue(this.plan.lead.id)

您的模板:

<md-select formControlName="lead" id="lead" style="min-width: 200px;">
  <md-option *ngFor="let lead of users" [value]="lead.id">
      {{lead.displayName}}
 </md-option>
</md-select>

等待几秒钟,然后在 Plunker 中设置值。

答案 1 :(得分:0)

首先,您使用的是反应形式吗?

如果是这样,尽管您在ng-model中使用了错误的语法(它应该是[(ngModel)]),但您不应该将其用于被动表单。

仅使用formControlName[formControl]