如何使用帶有清單模型NG重複

伍秀我需要NG-表示已採取數據庫並顯示在HTML視圖伍重複和特定指數在檢查特定索引後使用checklist-model，我將在下面顯示文本框以插入文本以將其重新放回到數據庫中。

這裏是我的代碼，並且具有由DB採取多個對象JSON對象：

mainApp.controller('illnessFollowController', ['$scope','$http', function ($scope, $http) { 

console.log('illnessFollowController controller initialized') 

    $http({ 
    method : "GET", 
    url : "resource/getIllnessList", 
    headers : { 
     'Content-Type' : 'application/json' 
    } 
    }).then(function Success(response) { 
     $scope.illnesList = response.data; 
     }, function Error(response) { 
     console.log("this is a get Error"); 
     $scope.error; 
    }); 

$scope.user = { 
     appliedIlnessIDs: [] 
}

}]）;

illnesList數組有：

[ 
{id:1; 
name:"illness 1"; 
Active:1;} 

{id:2; 
name:"illness 2"; 
Active:1;} 

{id:3; 
name:"illness 3"; 
Active:1;} 
]

這些值我想向他們展示在視圖中直接

HTML代碼：

<div ng-controller="illnessFollowController" dir="rtl"> 


<label ng-repeat="illness in illnesList"> 
    {{illness.name}} <input type="checkbox" checklist-model="user.appliedIlnessIDs" checklist-value="illness.id"> 
    <br /> 
</label> 

<div ng-show=""> 


</div> 
</div>

我想一旦我把檢查ID 3 ng-show出現

來源

2016-04-26 AbuSlo7

當只有checkbox id-3被選中時，你需要顯示div嗎？或者你有每個複選框的div？ – aseferov

這就是我想要的只有一個ID 3，我只想知道如何 – AbuSlo7

@ AbuSlo7我的答案下面解決您的問題？ – carlcheel

您可以使用以下方法：

<div ng-show="user.appliedIlnessIDs.indexOf(3) !== -1"> 
    <p>This content will show if ID 3 is in user.appliedIlnessIDs array</p> 
</div>

來源

2016-04-26 12:26:46 carlcheel

我改變了代碼，這一個運作良好...

<span ng-repeat="illness in illnesList"> 
     <label for="{{illness.id}}"> 
     {{illness.name}} <input type="checkbox" ng-model="selection.id[illness.id]" id="{{illness.id}}" /> 
     </label> 
     </span> 
     <div ng-show="selection.id[3]"><input type="text" ng-model="other"></div>

和JavaScript身邊，我添加了這個：

$scope.selection = {}; 

    $scope.other ="";

謝謝SO MUCH您幫助

來源

2016-04-27 12:07:53 AbuSlo7

如何使用帶有清單模型NG重複

回答

相關問題