AngularJSの以前に選択した値からドロップダウンメニューのチェックボックスが選択されていない

AngularJSを初めて使用しています。以前に選択した値からチェックボックスを表示するようにしようとしています。私はngクラスがトリックをするだろうと思ったが、そうではない。私は以下のコードで間違ったことをしましたか？ここでAngularJSの以前に選択した値からドロップダウンメニューのチェックボックスが選択されていない

は私のHTMLコードです：

<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>

出典

2017-10-13 CiCi

<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-確認ディレクティブを使用してください。

出典

2017-10-13 05:36:59

ng-checked = "value.selected"とng-model = "value.selected"の両方を試しましたが、どちらも機能しましたが、違いは何か分かりません。私が気づく1つのことは、ng-modelがブートストラップのドロップダウンメニューに複数選択された値を動的に表示しても機能しないことです。 https://codepen.io/anon/pen/pjagZRに似ていますが、複数選択された値があります。（https://stackoverflow.com/questions/33278097/how-to-display-the-selected-item-on-bootstrap-dropdown-title-in-angularからの参照） – CiCi

ng-checkedは、指定された角度の指定されたディレクティブで、チェックボックスその価値が真実かどうかをチェックします。その目的のために作られたので、予期しないバグを避けるためにng-modelの代わりに使用してください。 –

AngularJSの以前に選択した値からドロップダウンメニューのチェックボックスが選択されていない

答えて

関連する問題