Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带角度绑定的HTML选择_Html_Angularjs_Asp.net Mvc 5 - Fatal编程技术网

带角度绑定的HTML选择

带角度绑定的HTML选择,html,angularjs,asp.net-mvc-5,Html,Angularjs,Asp.net Mvc 5,我只是用angular JS和html做模型页面。 我想知道是否有更快的方法可以将HTML中的选定值动态绑定到角度对象 例如,如果我有类似于: item.dropdownvalue = 0; <select> <option value=0>Pre-Launch</option> <option value=1>Active</option>

我只是用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> 
item.dropdownvalue=0;
发射前
活跃的
完成
我可以把它绑在吊物上,这样它就会变成:

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

发射前
活跃的
完成

就像MVC5中的HTML下拉帮助程序一样,简化了:

如果您只是想影响所选的状态,您可以自己编写HTML并通过ng模型将范围值绑定到所选的选项。参见

原始答案:

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

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


你可以在下面的例子中看到这一点:

我不确定你到底在问什么,但你看了吗?嗯,我正在寻找一个更简单的解决方案,我可以不创建状态,但是感谢您的WorkID,这是一个简化版本,它不以Angular方式构建选项,只依赖数据绑定来创建所选选项。这就是你要找的吗?如果这有帮助,请投票并奖励答案。祝你好运!