如何使用 Angular JavaScript 中的 chekboxes 獲取動態 JSON 數據？

Question

我很掙扎，找到了很多鏈接和文章，但找不到解決方案。 我有一個這樣的數組

$scope.cols=[
   {"dpname":"partname","search":'',"qparam":''},
   {"dpname":"partid","search":'',"qparam":''},
   {"dpname":"partdesc","search":'',"qparam":''}
]; 

我正在使用 ng-repeat 顯示數組以及我也重復復選框。 當我單擊特定復選框時，應打開一個文本框。 文本框中給定的 ng-model 值被該特定復選框替換

在這里，我附上了我嘗試過的小提琴鏈接： http : //jsfiddle.net/soumyagangamwar/3dygzn8e/

Answer 1

我在此鏈接中調整了您的文件

jsfiddle.net/3dygzn8e/1/

基本上我所做的是以下內容：

1. 向名為 ischeded 的數組添加一個新列，並將其默認為 false。 這代表復選框檢查狀態
2. 將復選框綁定到 col.ischecked
3. 我將文本框 ng-show 條件更改為 ng-show="col.ischecked"

Answer 2

看看這個小提琴

雖然你在問題中沒有明確提到你想要什么。 但是，如果您希望每個項目都有自己的文本框，那么上面的小提琴應該可以回答您的問題。

<span ng-if="displayName">
   <input type="checkbox" id="searchName{{$index}}" ng-model="searchname[$index]" ng-change="changeColVisibility(col)">
</span>

<div ng-show="col.show">
  <input type="text" ng-model="name">
  <input type="button" value="submit" ng-click="setName(col)">
</div>

您應該盡量不使用索引，而應該使用更多 angular 附帶的 2 路綁定。 既可以顯示和隱藏文本框，也可以將數據保存在模型中，而不是創建大量函數來執行此操作。