下拉菜单中的复选框未根据先前在 AngularJS 中选择的值进行检查

Checkbox in dropdown menu is not checked from previously selected value in AngularJS

我是 AngularJS 的新手。我试图让复选框显示为从先前选择的值中选中。我认为 ng-class 可以解决问题，但事实并非如此。我在下面的代码中做错了什么吗？

这是我的 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>

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

使用 angular 的内置 ng-checked 指令。