使用ng-repeat的角速率

时间:2017-10-26 17:18:56

标签: javascript angularjs

我尝试将ng-repeatng-rate-it指令一起使用。

我想将每个特征的星值存储到model.caracname中,但它不起作用。 您可以在此处找到该指令:https://github.com/akempes/angular-rateit

HTML:



<div ng-repeat="avis in allavispossible">
    <span class="namecaracforvoteaddproduct">{{avis.name}} :</span><ng-rate-it ng-model="model.{{avis.caracname}}" ng-click="getvaluesf()" max="5" step="1" star-width="20" star-height="20" class="bigstar" read-only="false" resetable="false"></ng-rate-it>
</div>
&#13;
&#13;
&#13;

范围getvaluesf()函数:

&#13;
&#13;
$scope.getvaluesf = function() {
    console.log($scope.model)
}
&#13;
&#13;
&#13;

错误与ng-model上的{{avis.caracname}}相关:

&#13;
&#13;
angular.js:14525 Error: [$parse:syntax] http://errors.angularjs.org/1.6.4/$parse/syntax?p0=%7B&p1=is%20not%20a%20valid%20identifier&p2=7&p3=model.%7B%7Bavis.caracname%7D%7D&p4=%7B%7Bavis.caracname%7D%7D
    at angular.js:38
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你不应该使用&#34;双卷曲标记&#34;与ngModel directive。只需使用avis.caracname即可:

<ng-rate-it ng-model="avis.caracname" max="5" step="1" star-width="20" star-height="20" class="bigstar" read-only="false" resetable="false"></ng-rate-it>

不应在ng-rate-it元素上使用ngClick,而应该更好地使用文档中提供的回调(可能是rated回调)。