Html 如何在ng模型名称中添加动态文本
是否可以在Html 如何在ng模型名称中添加动态文本,html,angularjs,ngmodel,Html,Angularjs,Ngmodel,是否可以在ng模型中添加动态文本名称 数据js self.Map = [{ Id: 0, Name: 'Map1' }, { Id: 1, Name: 'Map2' }, { Id: 2, Name: 'Map3' }] html <div ng-repeat="option in mainCtrl.Map"> <div style="text-align:left;" class="col-md-6"> {{option.Name}} Map
ng模型中添加动态文本
名称
数据js
self.Map = [{ Id: 0, Name: 'Map1' }, { Id: 1, Name: 'Map2' }, { Id: 2, Name: 'Map3' }]
html
<div ng-repeat="option in mainCtrl.Map">
<div style="text-align:left;" class="col-md-6">
{{option.Name}} Map
</div>
<div style="text-align:right;" class="col-md-6">
<input type="text" id="Is{{option.Name}}" name="Is{{option.Name}}" ng-model="mainCtrl.Is{{option.Name}}"/>
</div>
</div>
请参阅,您可以通过以下两种方式访问对象:
objectName.propertyName
objectName["propertyName"]
您可以尝试以下方法,以便angularJs可以绑定所需的值:
<input type="text" id="Is{{option.Name}}" name="Is{{option.Name}}" ng-model="mainCtrl['Is'+option.Name]"/
您是否尝试将虚拟字段添加到HTML输入标记中,如
<div ng-repeat="option in mainCtrl.Map">
<div style="text-align:left;" class="col-md-6">
{{option.Name}} Map
</div>
<div style="text-align:right;" class="col-md-6">
<input type="text" id="Is{{option.Name}}" name="Is{{option.Name}}" ng-model="mainCtrl[this.getAttribute('dummyfield')]" dummyfield="{{option.Name}}Role" />
</div>
</div>
{{option.Name}}映射
谢谢您的回答ng model=“mainCtrl['Is'+option.Name]”
对我有效,但由于某些原因,它不能以这种方式工作ng model=“mainCtrl[option.Name+'Role']”
<div ng-repeat="option in mainCtrl.Map">
<div style="text-align:left;" class="col-md-6">
{{option.Name}} Map
</div>
<div style="text-align:right;" class="col-md-6">
<input type="text" id="Is{{option.Name}}" name="Is{{option.Name}}" ng-model="mainCtrl[this.getAttribute('dummyfield')]" dummyfield="{{option.Name}}Role" />
</div>
</div>