选定的选项不适用于AngularJS中的选择下拉列表

时间:2016-06-21 11:56:36

标签: html angularjs

我在Angular Js应用程序中的Dropdown控件上遇到了一些奇怪的行为。现在选择="已选中"不起作用,默认选择的值为空。

我在编辑点击按钮上也遇到了另一个问题。它与性别相关联,应在下拉列表中自动选择,但仍无法正常工作。

<select ng-model="newemployee.Gender" class="form-control">
   <option value="1" selected="selected">Male</option>
   <option value="0">Female</option>
</select>

是否由于我已更新到最新版本的Angular.js文件?因为这些问题在更新后出现了。

3 个答案:

答案 0 :(得分:1)

我有时会遇到所选选项的问题,而我使用// get parallax box var parallaxBox = document.querySelectorAll('.js-Parallax-Box'); // iterate over each parralax box [].forEach.call(parallaxBox, function(el, _) { // get parallax elements var parallaxElement = el.querySelector('.js-Parallax-Element'); // iterate over each parallax element [].forEach.call(parallaxElement, function(el, _) { // can't reach this el }); }); 就是这样:

ng-selected

因此,如果两个值相等,则选择该选项。您可以在此处找到更多信息:ng-selected Documentation

答案 1 :(得分:0)

将newemployee.Gender初始化为1而不是

答案 2 :(得分:0)

我正面临着这个问题,并尝试了很多,最终为我工作了

<select ng-model="newemployee.Gender" class="form-control">
   <option value="1" ng-selected="newemployee.Gender = '1'">Male</option>
   <option value="0">Female</option>
</select>