如果angular返回错误,则来自bootstrap-ui模块的rating指令"错误:$ compile:nonassign Non-Assignable Expression"

时间:2014-05-08 20:12:44

标签: angularjs angularjs-directive angular-ui-bootstrap

我正在尝试使用bootstrap模块的rating指令进行角度调整,但是当我点击一个星形来评价然后角度触发这个错误

enter link description here

我知道这个错误的产生是因为我在模型中使用的值是一个constnatn。 让我解释一下

我在nrate.html

中有这个指令
<rating ng-model="rate" max="5" readonly="false" value="2"></rating>

和这个控制器

appControllers.controller("singleRatingController", function ($scope, $http) {
    $scope.rate = 0;
});

所以我使用变量“rate”来加载费率值

在其他html页面中,我使用相同的指令和相同的控制器,并且运行良好

感谢

1 个答案:

答案 0 :(得分:2)

使用valueng-model,而不是两者,具体取决于您使用的是哪个UI Bootstrap版本。

两种情况的JS:

appControllers.controller("singleRatingController", function ($scope, $http) {
  $scope.rate = 2;
});

HTML - 如果使用 0.11.0:

<rating ng-model="rate" max="5" readonly="false"></rating>

HTML - 如果使用 0.10.0或更低:

<rating value="rate" max="5" readonly="false"></rating>