HTML选择角度绑定

时间:2014-10-30 00:39:39

标签: html5 angularjs asp.net-mvc-5

我只使用角度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一样

1 个答案:

答案 0 :(得分:1)

<强>简化为:

如果您只想影响所选状态,可以使用自己的HTML并通过ng-model将范围值绑定到所选选项。请参阅http://plnkr.co/edit/YIwBhEQOKDFgjKmv9Qvy?p=preview

处的简化Plunker

原始答案:

这可以通过使用包含值的数组并使用ng-options Angular指令构建select来实现:

<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