无法根据angularjs模型中的值检查jquery ui复选框

时间:2017-01-06 01:37:07

标签: jquery angularjs

我使用jQueryui checkbox group向用户显示三个选项。我成功地将每个复选框绑定到角度模型,但是如果我更改控制器中的模型,我无法检查自己的复选框。

查看

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.testModel = {
    item1: true,
    item2: false,
    item3: false
  };
});

角度模块

Rails 3.2

请注意,testModel.item1为true,但不检查绑定此模型的复选框test1。
这是Plunker link

我也尝试过check =" testModel.item1"而不是ng-checked =" testModel.item1"并选择所有复选框,无论模型/控制器中的值是什么。

我错过了什么?

由于

1 个答案:

答案 0 :(得分:1)

你缺少jquery $(文件).ready

$(document).ready(function(){
    $("#groupOptions").controlgroup();
});