如何在angular2中选中复选框时动态生成textarea

Question

我是Angular2的新手，在选中复选框时尝试动态生成textarea，并在angular2中取消选中复选框时删除textarea。是否有更好的解决方案？提前谢谢。

Answer 1

<input type="checkbox" #mycheckbox />
<textarea *ngIf="mycheckbox.value"></textarea>

Answer 2

设置ngModel，然后将其存储为变量：

<input type="checkbox" #isVisible="ngModel" [(ngModel)]="isTextareaVisible">

然后使用*ngIf切换它：

<textarea *ngIf="isVisible"></textarea>

旁注：如果这是在表单标记内，请不要忘记向name="isTextareaVisible"添加input属性，否则会有人抱怨。