无法在Angular 2中禁用select标记

Question

我有一个变量

  

createMode = true;

现在输入标签

<input type="text" required="required" [disabled]='createMode'>

禁用正常，输入被禁用。

现在，当我尝试使用select标签时，它不起作用

<select required [disabled]='createMode'>
<option selected="selected" > Mango</option>
</select>

任何人都可以建议如何根据createMode

的值禁用此选择位置

Answer 1

要在class <options>时选择createMode=true元素，您可以执行以下操作：

<options [attr.selected]="createMode ? true : null">

当null完全消失时，它应该消失。

Answer 2

您有两种选择：
1）您可以使用* ngif

<select required *ngIf="!variable">
<option selected="selected" > Mango</option>
</select>

你的变量是用来切换选择的变量，放！在表达式中你获得了与ng-hide相同的效果 2）您可以使用[隐藏]并将其绑定到模型

<select required [hidden]='{{BooleanVariable}}'>
<option selected="selected" > Mango</option>
</select>