javascript - 来自资源的 Angular ng-repeat 复选框并设置选中

标签 javascript angularjs

我的 Controller 中有资源并使用 ng-repeat 填充复选框 我在 Controller 中知道的接下来要检查的事情

代码看起来像..

$scope.data = resource.query();

var arr_to_be_checked = [1,3,5];

在其他 Controller 中我使用这个..

$scope.data = [ { Type: 1, checked: true, Title: 'Item A'},
                { Type: 2, checked: false, Title: 'Item B'}];

它工作正常,但我需要在资源和 ng-repeat 上应用它,因为我需要更灵活

我找到了任何解决方案,但没有意义。请问有人能帮帮我吗?

我的问题是:如何使用“checked:true”“覆盖”资源中的对象或将任何复选框设置为已选中。

非常感谢您的帮助或任何想法
祝你有美好的一天


最佳答案

<ul>
  <li ng-repeat="item in data">
    <input type="checkbox" ng-checked="item.checked"> {{item.Title}}
  </li>
</ul>
<button ng-click="checkItems()">Do</button> 

.

$scope.checkItems = function () {
  var i;
  for (i = 0; i < arr_to_be_checked.length; i++) {
    data[arr_to_be_checked[i]].checked = true;
  } 
};

PS:请在命名约定上保持一致,javascript 使用 camelCase 命名约定,没有下划线。只有构造函数被命名为 PascalCase

相关API文档:
ng-click
ng-checked

关于javascript - 来自资源的 Angular ng-repeat 复选框并设置选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14474671/

相关文章:

javascript - 防止 React 表在更新时滚动到顶部

javascript - 将变量传递到 Angular-ui 模态中

javascript - 改进 'check if true'函数

angularjs - angular-ui 在从 facebook oauth 重定向时替换'?' with ' #'

javascript - 如何根据 Controller 中定义的数组创建 ng Repeat block

javascript - 跨平台 Javascript XML 树创建,带有命名空间和 xpath?

JavaScript window.open 适用于所有浏览器的正确大小

javascript - 动态 "noneSelectedText"用于多选 jquery 框

javascript - 将 ERB HTML 从 Rails 渲染为 Angular,Angular 尝试将其解释为 JSON

javascript - jQuery getJSON 不工作