Question

我正在尝试添加验证，以便使用我选择的默认值来解决问题：

  <select  required name="industryType" id="industryType" [(ngModel)]="institution.industryType" aria-describedby="sizing-addon1" class="select-custom">
                <option  selected [value]="default">Select Industry</option>
                <option value="IT">IT</option>
                <option value="Business">Business</option>
                <option value="Engineering">Engineering</option>
                <option value="Teaching">Teaching</option>
                <option value="Marketing">Marketing</option>
              </select>
              </div>

提交时不会验证下拉值而不选择任何东西我们可以导航，

<select  required name="industryType" id="industryType" [(ngModel)]="institution.industryType" aria-describedby="sizing-addon1" class="select-custom">
                <option  selected  [value]="null">Select Industry</option>
                <option value="IT">IT</option>
                <option value="Business">Business</option>
                <option value="Engineering">Engineering</option>
                <option value="Teaching">Teaching</option>
                <option value="Marketing">Marketing</option>
              </select>
              </div>

现在通过插入null这段代码，它要求首先填充此下拉列表，但问题是下拉列表中的默认选择值未显示，它显示一个空字段，即选择行业，

上面的代码段显示了默认值，即“选择行业”但未验证下拉菜单我们可以在不选择的情况下导航，而第二个代码段正在验证下拉列表，但默认值为默认值价值即选择行业未在下拉列表中显示

我想要选择默认值以及验证检查。

任何人都可以建议我正确的解决方案

Angular 2：下拉验证问题

0 个答案: