Javascript ng型号在角度ui引导模式下不工作星级

Javascript ng型号在角度ui引导模式下不工作星级,javascript,angularjs,angular-ui-bootstrap,Javascript,Angularjs,Angular Ui Bootstrap,我试图通过AngularUI引导创建一个简单的星级输入。代码工作正常,只是ng模型没有从模型中获取值 以下是标记: <div ng-controller="shopperFeedbackController"> <div class="row feedback-rating-row" > <div class="col-sm-16"> <div class="feedback-lab

我试图通过AngularUI引导创建一个简单的星级输入。代码工作正常,只是
ng模型
没有从模型中获取值

以下是标记:

<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> 

我在一个垃圾桶里复制了你的代码

评级代码正常工作,但CSS
类在以下行中有问题:

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

请参见


正在添加一个
左边距:-15px,第一颗星从视口中消失。

我使用的ui引导版本是0.13.3。我把它改成了最新的版本(0.13.4),效果很好

这应该是有效的。你确定问题出在ngModel上吗?我想以前有东西坏了。例如,不应该是
{{metric.name}
,而应该是
{$metric.name$}
?感谢您指出这一点。我在提交前编辑了代码,但忘记了删除{$metric\u name$}。配置程序使用{$metric\u name$},而不是{{因为该应用程序与django一起使用。无论如何,即使没有这些修改,ngModel仍然无法工作。你能创建一个plunkr吗?我检查了angular ui文档,并用你的代码替换了评级示例,效果很好。这是真的。因此他可以通过将
包装在
con中来基本解决这个问题tainer
好吧,如果他将
列sm-*
*
一起从1到12使用,因为引导有12列,那就可以了。这里OP使用的是
列sm-16
。也许他重新定义了引导列的数量。我正在使用的系统使用的是自定义引导网格,最多支持16列。我删除了对行和列进行了编辑,但代码仍然不能正常工作。有趣的是,我可以选择星星,但ngModel属性没有做任何事情,好像它不在那里。你使用angular和ui引导的哪个版本?你能在plunker中重现错误吗?
<div class="row feedback-rating-row">