AngularJs，如何分配動態模型名稱

我想創建一個動態表（說5X5）含有一個複選框矩陣，並用模型分配的每個複選框，AngularJs，如何分配動態模型名稱

<tr ng-repeat="parentItem in Items> 
     <td>{{parentItem.name}}</td> 
     <td ng-repeat="childItem in Items>       
     <input id="{{ parentItem.id }}_{{childItem.id}}" type="checkbox" ng-true-value="1" ng-false-value="0" ng-model="data['{{ parentItem.id }}_{{childItem.id}}']"> 
     </td> 
</tr>

在控制器中，數據對象被定義作爲$scope.data={};

所以我想到的是，每個複選框將模型最終的形式像data['1_3']或data['2_4']，我試過很多方法，但該模型只是不能被正確綁定。

其實，試過這種方式 data[parentItem.id], 它的工作，但不知道如何連接兩個動態項目。

來源

2014-02-10 wuha

請發表您的代碼在小提琴 –

嘗試：'NG-模型= 「數據[parentItem.id + '_' + childItem.id]」' –

我沒有測試它，但ng-model="data[parentItem.id + '_' + childItem.id]"應該工作。

一般爲ngModel你不需要使用{{}}

來源

2014-02-10 08:12:41

它工作，謝謝！我嘗試過數據[parentItem.id +「_」+ childItem.id]但失敗，這是單引號的魔術。 – wuha

AngularJs，如何分配動態模型名稱

回答

相關問題