无法在ngModel

时间:2016-12-19 10:36:07

标签: angular dropdown

我想根据ngModel的值

获取选定的值下拉列表
<div class="form-group">
                  <div>
                  <label class="dropdown" for="profile">Profile <span style="color:red">*</span></label>
                  </div>
                  <div class="half">
                  <select class="form-control" name='profile' [(ngModel)]='users.profile._id' required>
                        <option *ngFor="let obj of profiles"  [value]="obj._id">{{obj.profile}}</option>
                  </select>
                  </div>
            </div>

2 个答案:

答案 0 :(得分:0)

对下拉列表使用NgModel指令时,对于列表项(选项),应始终使用NgValue指令而不是value

<select class="form-control" name='profile' [(ngModel)]='users.profile._id' required>
    <option *ngFor="let obj of profiles" [ngValue]="obj._id">
        {{obj.profile}}
    </option>
 </select>

这可以解决您的问题。

答案 1 :(得分:0)

谢谢@GünterZöchbauer和@Stefan Svrkota

我先前将this.users.profile=''初始化为字符串,这是我的错误,它应该作为对象this.users.profile={}使用,其余代码正在运行。