能否请您告诉我如何在没有警告或ngModel的情况下进行下拉菜单?我收到警告
代码
https://stackblitz.com/edit/angular-vsjbr9?file=src%2Fapp%2Fapp.component.ts
在没有ngModel
的情况下我将如何实现同一目标
<form novalidate [formGroup]="searchForm" class="calform">
<section class="col-sm-6 bg-white pl-20 pr-20">
<div class="form-group col-sm-8 pl-0">
<label class="field-title mb-5">Circle<span class="color-red fontWt"> *</span></label>
<div class="select width-170 mr-20">
<select formControlName="circle" [(ngModel)]="selectedCircle">
<option class='option'
*ngFor='let o of circle'
[disabled]="o.value==''"
[value]="o.value">{{o.option}}</option>
</select>
</div>
</div>
</section>
</form>
默认情况下,我希望第一个选项处于选中状态,并且用户从不选择第一个选项(“从列表中选择从未选择的内容”)
答案 0 :(得分:0)
像这样? https://stackblitz.com/edit/angular-zxeysz?file=src%2Fapp%2Fapp.component.ts
我删除了ngmodel。您已经在使用表单组,因此不需要ngmodel。
然后在ts文件中创建“ circle”控件,但分配了空值。我已将其更改为空字符串“。通过这种方式,可以使用''值对选择内容进行预检查。