AngularJS UI Bootstrap评级控件

Question

我正在尝试将指令的属性绑定到范围变量。我希望我的UI Bootstrap控件在此范围变量更改值时动态更改外观。

以下是plunker： http://plnkr.co/edit/gEjerpXhy3IuT5qRNeL8?p=preview

每次按下某些复选标记时，$ scope.max都会增加1。 但是，由于同样的$ scope.max作为'max'属性传递给'rating'元素，我希望这个'rating'元素在每次点击一些现有的复选标记时在右边添加额外的复选标记。

我想我正试图用新参数重新绘制这个'rating'元素。这可能吗？如何？

Answer 1

我能够通过向元素添加ng-if并在评级更改时修改布尔值来模拟所需的行为。
<rating ng-if="render" value="rating.x" max="rating.max" ...

    $scope.rating.max += 1;        
    $scope.render = false;
    $timeout(function() {
      $scope.render = true;  
    }, 0, true);

Here is a demo，来自你原来的傻瓜。

对于它的价值，我认为你最好定制directive's source或者只编写自己的。{3}}。这种解决方法不会扩展，并且不会太难以使用您需要的功能。