javascript - 使用 Angular 2 在 HTML5 中动态定义输入类型

Question

下面的代码似乎不起作用。在 Angular 2 中甚至可能吗？

<table class="table table-responsive" style="border:0">
  <tr *ngFor="#column of columns" style="height:20px;">
      <td class="text-right" style="padding-top:10px;border:0">
          <h4> {{column | case}}: </h4>
      </td>
      <td class="text-center" style="padding-top:10px;border:0">
         <input type="{{column == 'created_date' ? date : text}}" class="form-control" />
      </td>
  </tr>
</table>

Answer 1

您似乎对字符串字段有错字。将代码更改为:

type="{{column == 'created_date' ? 'date' : 'text'}}"

由于 type 变量的值应该是一个字符串，所以您需要在它们周围加上引号，否则它们将被视为在相关范围内定义的变量。

所以最终的输出将是:

<input type="{{column == 'created_date' ? 'date' : 'text'}}" class="form-control" />