我正在使用angularjs制作一个分页类型的东西,比如我有一个2D数组,我正在显示它的值.它的工作正常,但我也希望能够编辑thoes值,所以我在输入标签中使用ng-hide并且工作正常,但问题是如果输入的类型是数字或日期,我的数组值的类型是字符串然后值不会显示在可编辑的输入框中.
码:
<table class="table table-hover">
<thead>
<tr class="active">
<th class="id">Label</th>
<th class="name">Field</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in fieldsonPage[currentPage]" class="active">
<td>{{item}}</td>
<td>
<div ng-repeat="prop in pagedItems[currentPage]" class="active">
<div ng-hide="ngEditName" ng-click="ngEditName=!ngEditName">
{{prop[item]}}
</div>
<div ng-show="ngEditName">
<input type="{{fieldsType[item]}}" ng-hide="{{fieldsType[item] == 'textarea' ? 'true' : 'false'}}" ng-model="prop[item]" class="form-control"/>
<textarea rows="4" cols="50" ng-hide="{{fieldsType[item] == 'textarea' ? 'false' : 'true'}}" class="form-control" ng-model="prop[item]" /><div ng-click="ngEditName=!ngEditName">Close</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
类型取决于相关的数据类型,但绑定不正确所以我需要一种方法将字符串转换为html页面本身表达式中的数字或日期.任何线索!!