javascript - Angular 2删除输入中的真/假值

Question

当用户勾选复选框时，是否有快速解决方案可以删除输入框中的true/false值，以便显示默认的占位符 code> 而不是值 true/false。

希望可以使用带有输入字段的内联代码来完成，这个想法只是隐藏/显示文本，但是当复选框 为 true 它将将该值放入输入框中

参见示例: https://plnkr.co/edit/TWnTY3oXYGlcSSIJFGqi?p=preview

Answer 1

您可以尝试将复选框的模型更改为其他内容，例如“已选中”

<label>Name:</label>
 <!-- data-bind to the input element; store value in yourName -->
 <input type="text" [(ngModel)]="yourName" placeholder="Enter a name here">
     <input type="checkbox" [(ngModel)]="checked" placeholder="Enter a name here">
      <hr>
    <!-- conditionally display `yourName` -->
  <h1 [hidden]="!checked || !yourName|| checked==null ">Hello {{yourName}}!</h1>

您可以查看此木板 Plank