Javascript ng型号在角度ui引导模式下不工作星级
我试图通过AngularUI引导创建一个简单的星级输入。代码工作正常,只是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
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">