选择的角度无法正常工作答案

【问题标题】：Angular chosen isn't working properly选择的角度无法正常工作
【发布时间】：2015-06-02 15:21:58
【问题描述】：

我正在为我的选择选项使用选择的 plun，但它无法正常工作。如果我这样使用

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

我该如何解决这个问题？谢谢！

【问题讨论】：

标签： jquery angularjs jquery-chosen

【解决方案1】：

您可以尝试两种选择：

选项 1 使用“项目作为 vm.projects 中项目的项目”，前提是“项目”是一个字符串

<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，那就更好了。

【讨论】：

我不确定我的代码是否在答案中可见。我正在尝试添加代码，但我看不到它。 :(
不幸的是，同样的结果（（
我无法获取我的项目列表，我刚刚得到了我在上面添加图片的结果
您确定您的 $scope 中有 'vm.projects' 可用吗？

【解决方案2】：

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

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

应该是这样的

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

【讨论】：