Angular被选中并没有正常工作

时间:2015-06-02 15:21:59

标签: jquery angularjs jquery-chosen

我选择使用选择的选项,但它没有正常工作。 如果我这样使用

<select chosen
    data-placeholder="Pick one of these"
    disable-search="true">
<option value=""></option>
<option>This is fun</option>
<option>I like Chosen so much</option>
<option>I also like bunny rabbits</option>

只是硬编码选择它的工作,  但在使用ng-options的动态代码中,它不会显示项目项。

<select chosen
    data-placeholder="Pick one of these"
    disable-search="true"
    data-ng-model="state"
    ng-options="project for project in vm.projects">

enter image description here

如何解决此问题?谢谢!

2 个答案:

答案 0 :(得分:1)

您可以尝试两种方法:

选项1 使用&#34;项目作为vm.projects项目的项目&#34;提供了项目&#39;是一个字符串

<select chosen 
data-placeholder="Pick one of these" 
disable-search="true" 
data-ng-model="state" 
ng-options="project as project for project in vm.projects">

选项2 您也可以尝试使用ng-repeat指令重复选项:

<select chosen data-placeholder="Pick one of these" disable-search="true" data-ng-model="state">
<option ng-repeat="project in vm.projects" value="{{project}}">{{project}}</option>
</select>

我希望这会有所帮助。如果你能为你实现的代码提供jsfiddle或plnkr会更好。

答案 1 :(得分:0)

我找到了一个解决方案,也许它会帮助某人,这是不正确的使用

ng-options="project as project for project in vm.projects"

应该是那样的

ng-options="project.Id as project.Name for project in vm.projects"