从Angular UI Rating Directive获得点击价值

时间:2014-01-21 07:31:19

标签: angularjs angular-ui

在此处使用此代码:plunkr

如何在点击控制台上写入值?似乎这只会在表单提交环境中起作用,但我希望我错了。

请注意,rating元素在一个范围内被转换为几个i元素,并且每个我都已经应用了ng-click。

总结 - 当我选择一个星形时,将所选的值吐出到控制台。

2 个答案:

答案 0 :(得分:10)

评分支持ng-click

<rating value="rate" max="max" readonly="isReadonly" 
    on-hover="hoveringOver(value)" on-leave="overStar = null" 
    ng-click="setRating()"></rating>

在您的控制器中,只需添加:

$scope.setRating = function() {
    alert($scope.rate);
};

答案 1 :(得分:2)

由于点击图标会更改绑定评级变量的值,因此您可以$watch更改该范围变量。

例如

$scope.$watch('rate', function(value) {
  console.log(value);
});

http://plnkr.co/edit/bPmbgiI9ryZWSrn1zOfU?p=preview