如何在 angular 中没有警告或 ngModel 的情况下制作下拉菜单？

Question

你能告诉我如何在没有警告或 ngModel 的情况下制作下拉菜单 angular 吗？我收到警告

代码

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>

我希望默认情况下第一个选项是 select，而在我的示例中用户永远不会 select 第一个选项 ("select from list never selected")

Answer 1

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

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

然后在您的 ts 文件中，您确实创建了 'circle' 控件，但您分配了空值。我已将其更改为空字符串 ''。这样 select 就可以使用 '' 值进行预检查。