如何在没有警告的情况下使下拉菜单或ngModel在角度?

时间:2018-08-22 23:12:09

标签: javascript angular angular-reactive-forms

能否请您告诉我如何在没有警告或ngModel的情况下进行下拉菜单?我收到警告

enter image description here

代码

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">&nbsp;*</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>

默认情况下,我希望第一个选项处于选中状态,并且用户从不选择第一个选项(“从列表中选择从未选择的内容”)

1 个答案:

答案 0 :(得分:0)

像这样? https://stackblitz.com/edit/angular-zxeysz?file=src%2Fapp%2Fapp.component.ts

我删除了ngmodel。您已经在使用表单组,因此不需要ngmodel。

然后在ts文件中创建“ circle”控件,但分配了空值。我已将其更改为空字符串“。通过这种方式,可以使用''值对选择内容进行预检查。