在Angular模板中验证选择框

时间:2019-02-11 07:35:04

标签: angular

我想访问下拉列表的值,如果该值是“ -1”,我想向用户发送消息。我知道我可以使用具有2种方式绑定的变量并检查其值,但是我只想使用模板来做。我正在尝试做下面的事情。

<select #selectAccessor name="testSelect" [ngModel]="testUnit.field" class="form-control" style="width: 80 px">
    <option value="-1">Seciniz</option>
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
</select>
<!-- Below Part is not working -->
<div *ngIf="selectAccessor.value='-1'">Please make a selection</div>

1 个答案:

答案 0 :(得分:0)

  1. 条件应包含比较运算符,您已使用了等于运算符。它应该像 *ngIf="selectAccessor.value ==='-1'“

  2. 直接使用模型代替模板值比较: *ngIf="testUnit.field ==='Seciniz'“