来自引导 UI 模块的评级指令，如果 Angular 返回错误"Error: $compile:nonassign Non-Assignable Expression"

Question

我尝试使用bootstrap模块的评级指令来对angular进行评级但当我点击一颗星来对angular进行评级时，会出现这个错误

输入链接描述

我理解产生这个错误是因为我在模型中使用的值它是一个常量。让我解释一下

我在nrate。html

中有这个指令

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

和这个控制器

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

所以我使用变量rate来加载rate值

在其他html页面，我使用相同的指令与相同的控制器和工作良好

谢谢

Answer 1

使用value或ng-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>

使用<<p> HTML——如果strong> 0.10.0或低于:

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