0

AngularJS를 처음 사용합니다. 이전에 선택한 값에서 체크 표시가 나타나도록하려고합니다. ng-class가 트릭을 할 것이라고 생각했지만 그렇지 않았습니다. 아래 코드에서 잘못된 것이 있습니까? 각도의AngularJS에서 이전에 선택한 값에서 드롭 다운 메뉴의 확인란을 선택하지 않았습니다.

<ul class="dropdown-menu menu-content" uib-dropdown-menu> 
     <li ng-repeat="value in values" > 
     <label><input type="checkbox" ng-class="{'checked' : value.selected, 'active' : value.selected}" ng-click="$ctrl.toggleValue(value)">{{value.valueName}}</label></li> 
</ul> 

답변

0
<body> 

    <script> 
    var app = angular.module("myShoppingList", []); 
    app.controller("myCtrl", function($scope) { 
     // dummy data 
     $scope.value = 1; // some value 
    }); 

    </script> 

    <div ng-app="myShoppingList" ng-controller="myCtrl"> 

    <input type="checkbox" ng-checked="value === 1"> 
    </div> 


</body> 

사용 붙박이 NG-검사 지침 :

여기 내 HTML 코드입니다.

+0

ng-checked = "value.selected"및 ng-model = "value.selected"를 모두 시도했지만 둘 다 작동했지만 차이점을 알지 못합니다. 한 가지 주목할 점은 부트 스트랩 드롭 다운 메뉴에서 다중 선택된 값을 동적으로 표시 할 때 ng 모델이 작동하지 않는다는 것입니다. 이 https://codepen.io/anon/pen/pjagZR과 유사하지만 여러 값을 선택했습니다. (참조 : https://stackoverflow.com/questions/33278097/how-to-display-the-selected-item-on-bootstrap-dropdown-title-in-angular) – CiCi

+0

ng-checked는 각도로 제공된 지시어로 checkbox 그 값이 진실인지를 검사한다. 예기치 않은 버그가 발생하지 않도록 ng-model 대신 사용하십시오. –