html - Angularjs:动态更改输入类型

Question

我有一个列表，有时有 true或 false值(value)。当我使用 ng-repeat 时显示列表中的值 <input type="text"> , 我想要 <input type="checkbox">如果该值与 bool 值匹配。

<table class="table table-hover table-striped table-bordered">
    <tbody>
        <tr ng-repeat="parameter in parameter_list">
            <th class="text-left">
                {{parameter.title | uppercase}}
            </th>
            <td class="text-left">
              <div class="form-group">
                <input type="text" ng-model="parameter_list[$index].value" class="form-control">
              </div>
            </td>
        </tr>
    </tbody>
</table>

任何想法，我该如何实现？

Fiddle

编辑:它不是重复的，因为我没有 input type在$scope变量。

Answer 1

保持简单:

<input type="{{typeInput}}" />

在你的 Controller 中:

$scope.typeInput = 'number';

像魅力一样工作，没有所有额外的代码