获取 angular 中元素的状态 4

Question

关于 angular 绑定的基本问题

<input type="checkbox" aria-selected="false" name="test">

<input name="user" *ngIf="?">

我可以 bind/listen 到元素 "test"，选中复选框后应启用输入元素 "user"。什么应该进入 ngIf 条件。这可以在不使用 ngmodel 绑定的情况下完成吗

Answer 1

一个可能的解决方案：

<input #myCheckbox type="checkbox" aria-selected="false" name="test">

<input name="user" *ngIf="myCheckbox.checked">

但这将从 DOM 中完全删除第二个 input。也许这样做是为了真正禁用 input:

<input name="user" [disabled]="!myCheckbox.checked">

Answer 2

尝试使用参考：

<input type="checkbox" aria-selected="false" name="test" #checkbox>
<input name="user" *ngIf="checkbox.checked">

不过，在您更改复选框状态后，checkbox.checked 可能不会更新。然后尝试这样的事情：

<input type="checkbox" aria-selected="false" name="test" #checkbox ngModel>
<input name="user" *ngIf="checkbox.checked">

Getting state of element in angular 4