带有角度绑定的 HTML 选择

Question

我只使用 Angular JS 和 html 来制作模型页面。 我想知道是否有更快的方法可以将 HTML 中的选定值动态绑定到角度对象 比如我有类似的东西：

      item.dropdownvalue = 0;

      <select>
             <option value=0>Pre-Launch</option>
             <option value=1>Active</option>
             <option value=2>Complete</option>
       </select> 

我可以将它绑定到 dropwown 使其变成：

       <select>
             <option value=0 selected>Pre-Launch</option>
             <option value=1>Active</option>
             <option value=2>Complete</option>
       </select> 

就像 MVC5 中的 HTML Dropdown Helper

Answer 1

简化：

如果您只是想影响选定的状态，您可以编写自己的 HTML，并通过 ng-model 将范围值绑定到选定的选项。请参阅http://plnkr.co/edit/YIwBhEQOKDFgjKmv9Qvy?p=preview 上的简化 Plunker

原始答案：

这可以通过使用包含您的值的数组并使用 ng-options Angular 指令构建选择来完成：

<select name="state" ng-model="dropdownvalue" ng-options="states.indexOf(state) as state for state in states"></select>

您可以在以下 Plunker 中看到这一点：http://plnkr.co/edit/HY9Zpzbe9MhrYCVdNtgi?p=preview