ng-model不工作在角度ui-bootstrap星级

Question

我试图通过角度ui-bootstrap创建一个简单的星级评级输入。代码工作正常，只是ng-model没有从模型中获取值。

这是标记：

<div ng-controller="shopperFeedbackController">
        <div class="row feedback-rating-row" >
            <div class="col-sm-16">
                <div class="feedback-label">
                    Rating:
                </div>

                <div class="feedback-rating-star-input">
                    <rating ng-model="rate" <--- Not working
                            max="max_rating" 
                            on-hover="hovering_over(value)" 
                            on-leave="overStar = null" 
                            titles="['one','two','three']" >
                    </rating>
                </div>
            </div>
        </div>
   </div> 

代码：

snbApp.controller('shopperFeedbackController', function ($scope) {
  $scope.max_rating = 5;
  $scope.rate = 3;
});

Answer 1

我已将您的代码复制到一个plunker中。

评分代码正常运行，但您在CSS row类中遇到问题，如下所示：

<div class="row feedback-rating-row">

参见 plunker

row正在添加margin-left: -15px;，第一颗星就会离开视口。

Answer 2

我使用的ui-bootstrap版本是0.13.3。我将它改为最新版（0.13.4）并且有效。