Question

我在下面的角度6中有以下代码。

<select class="form-control form-control-sm" #ig="ngModel" [(ngModel)]="assetFormDetails.ig">
                <option value="" >Select Ig</option> 
                <option *ngFor="let ig of igList" value="{{ig.igName}}">{{ig.igName}}</option>
            </select>

当我将assetFormDetails.ig的值设为''或null时，就没有选择节点<option value="" >Select Ig</option>。而是在下拉列表中创建并选择一个新的空白节点。

如何使其选择以下节点：<option value="" >Select Ig</option>。

请帮助我。预先感谢。

Answer 1

只需给assetFormDetails.ig一个初始值

例如

<select class="form-control" #ig="ngModel" [(ngModel)]="assetFormDetails.ig">
    <option value="" >Select Ig</option> 
     <option *ngFor="let ig of [1,2,3,4,5]" value="{{ig}}">{{ig}}</option>
</select>

组件

  assetFormDetails = {ig:"3"}; //   assetFormDetails = {ig:""} Select Ig

stackblitz demo

Answer 2

我刚刚将name属性添加到了select标签，它工作得很好。像name="ig"

<select class="form-control" name="ig" #ig="ngModel" [(ngModel)]="assetFormDetails.ig">
    <option value="" >Select Ig</option> 
     <option *ngFor="let ig of [1,2,3,4,5]" value="{{ig}}">{{ig}}</option>
</select>

我不确定，但是在模板驱动的表单中似乎需要“名称”属性。

在Angular 6中使用ngModel时，如何在select标签中默认一个值？

2 个答案: