angularjs - 如果在 AngularJS 中满足条件,则选择用于选择选项菜单

标签 angularjs

<select ng-model="item.value" ng-options="item.name for item in items">
</select>

以上将填充 AngularJS 中的选择选项,但如何添加 selected如果我的条件满足?

我想做这样的事情:
<select ng-model="item.value" ng-options="item.name for item in items" if="item.name == someValueToCheckAgainst" selected endif>
</select>

显然上面是错误的,但我试图搜索这个,看看是否有可能做到。

这是项目
var items = [ 'a', 'b', 'c' ];
var someValueToCheckAgainst = 'b';

所以我的菜单应该是这样的
<select ng-model="item.value">
  <option value="a">a</option>
  <option value="b" selected>a</option>
  <option value="c">a</option>
</select>

最佳答案

刚刚想通了这一点

<select ng-model="form.model">
  <option ng-selected="{{item == valueToCheckAgainst}}"
          ng-repeat="item in items"
          value="{{item}}">
          {{item}}
  </option>
</select>

关于angularjs - 如果在 AngularJS 中满足条件,则选择用于选择选项菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23315644/

相关文章:

javascript - 为什么 ng-click 无法发送包含在大括号 {{ }} 中的函数参数?

javascript - anchor 标记中的 hash(#) 后面的文件夹是什么意思?

javascript - 对 templateURL 使用部分时不显示 AngularJS 模态

javascript - 为什么需要变量名 "$scope"?

javascript - AngularJS ui-router 不适用于嵌套 View

javascript - AngularJs - $location.path 不起作用

angularjs - 在进行 Angular e2e 测试时,是否有使用 Karma 的 HTML 代码覆盖率?

javascript - Angular 中声明要在模板中使用的全局函数的最佳方法是什么?

javascript - iOS6 中没有删除 Angular 1.2.5 动画类

javascript - Angular 绑定(bind)在 Chrome/Opera 中不起作用