`

Angularjs ng-selected 高端用法,针对json list

阅读更多
$scope.updateForm = {id: 33, code: "subwayLine2", name: "川沙"}


<select class="form-control" ng-model="updateForm.code">
  <option value="">--请选择--</option>
  <option ng-repeat="v in codeList" ng-selected="updateForm.code == v.code">{{v.code}}</option>
</select>

 

DEMO:

http://each.sinaapp.com/angular/tutorial/ng-options.html

 

 

若有疑问,请发表评论或添加微信为你解答:

更多实例应用扫码体验:

分享到:
评论
1 楼 spark0918 2016-04-07  
不错,正好用到。可惜<select ng-option>这种方式还不会selected

相关推荐

    angularjs ng-class

    在AngularJS中,`ng-class`是一个非常重要的指令,它用于动态地管理元素的CSS类。这个指令允许我们在AngularJS的表达式上下文中基于数据来决定应用哪些CSS类。这在构建复杂的用户界面时非常有用,因为它使得我们可以...

    angularjs ui-select2 多选下拉所需资源文件

    在本文中,我们将深入探讨如何在AngularJS应用中集成并使用ui-select2库来实现多选下拉功能。AngularJS是一款强大的前端JavaScript框架,而select2是一个流行的jQuery插件,它提供了美观且功能丰富的选择器组件,...

    AngularJS基础 ng-selected 指令简单示例

    ng-selected指令的参数值是一个布尔表达式,这个表达式可以引用作用域中的模型属性或使用任何有效的AngularJS表达式。这为动态控制选中状态提供了灵活性。 值得注意的是,ng-selected指令不是用来设置元素的...

    浅谈AngularJS中ng-class的使用方法

    有三种方法: 1、通过$scope绑定(不推荐) 2、通过对象数组绑定 3、通过key/value键值对绑定 实现方法: 1、通过$scope绑定(不推荐): ...div ng-class={true:'selected',false:'unselected'}[is

    前端项目-myforce-angularjs-dropdown-multiselect.zip

    在本文中,我们将深入探讨基于AngularJS的"myforce-angularjs-dropdown-multiselect"前端项目,这是一个功能丰富的下拉多选框指令。这个项目为开发者提供了一种高效且灵活的方式来实现用户界面中的多选下拉菜单,它...

    angularJs使用ng-repeat遍历后选中某一个的方法

    ng-class={'deptDivOnclick':selected==t.name} ng-click=showDeptEmps(t.name )&gt;{{ t.name }} &lt;/button&gt; 2、angular代码如下所示: $scope.showDeptEmps = function (dName) { $scope.selected =...

    AngularJS基础 ng-options 指令详解

    本文将详细介绍ng-options指令的使用方法和相关的知识点。 首先,ng-options指令能够让我们以简洁的方式为select元素填充选项。它不仅能够提高代码的可读性和维护性,而且在处理复杂对象时比使用ng-repeat指令更...

    AngularJS中ng-class用法实例分析

    在AngularJS中,ng-class是一个指令,它允许我们以一种动态的方式给...这些资料不仅能够帮助我们深入理解ng-class的更多用法,还能够系统地学习AngularJS的其他重要概念和技术,对于AngularJS程序设计有很大的帮助。

    angularjs在ng-repeat中使用ng-model遇到的问题

    总结来说,在 AngularJS 中使用 `ng-repeat` 和 `ng-model` 需要注意以下几点: 1. 在循环内部,每个重复项应有自己的独立模型,避免共享同一个变量。 2. 使用 `track by` 指令可以确保每个重复项拥有独立的标识,...

    AngularJS使用ng-options指令实现下拉框

    总结来说,AngularJS的`ng-options`指令提供了构建动态下拉列表的高效方法,结合`ng-model`实现了数据的双向绑定。通过灵活的表达式配置,可以适应各种复杂的数据结构和需求。这个功能强大的指令是AngularJS中构建...

    el-tree-selected-tree

    2. `package-lock.json`和`package.json`:它们管理项目依赖,包括Element UI和其他可能的npm包。 3. `README.md`:这是一个项目说明文件,可能包含了如何运行和使用此功能的指南。 4. `src`目录:存放项目的源代码...

    Highlight-a-selected-row-in-ng-repeat-using-ng-class:使用 ng-class Angular JS 突出显示 ng-repeat 中的选定行

    总结一下,通过使用`ng-repeat`和`ng-class`,我们可以轻松地在AngularJS应用中实现突出显示ng-repeat中的选定行。关键在于定义一个`isSelected`函数来根据当前选择的状态判断是否应用高亮类,以及一个`selectItem`...

    深究AngularJS——ng-checked(回写:带真实案例代码)

    本文深入探讨了AngularJS框架中的ng-checked指令,通过真实案例代码的形式展示了如何使用ng-checked实现复选框的状态记忆与回写。ng-checked指令在AngularJS中用于获取和设置复选框(checkbox)的选中状态。它依赖于...

    AngularJS参考手册

    - **ng-jq**:指定AngularJS应该使用哪个库(如jQuery)。 - **ng-keydown/keyup/keypress**:分别定义了键盘键按下、释放以及按下的事件处理程序。 - **ng-list**:将文本转换成列表形式展示。 - **ng-model**:...

    Atom-highlight-selected,突出显示双击时选定的当前单词.zip

    "Atom-highlight-selected" 是一个专门为Atom编辑器设计的插件,这个插件的目的是增强用户在编辑代码时的体验,特别是当他们需要频繁地关注或操作特定单词时。 该插件的主要功能是突出显示双击选择的当前单词。在...

    angularjs下拉框空白的解决办法

    这个问题通常出现在使用`ng-model`指令与静态选项结合的情况下。 在给出的代码示例中,我们看到一个简单的下拉框,它包含三个选项:"选择状态"、"在职"和"离职"。`ng-model`被用来绑定模型`UserState`到选定的值。...

Global site tag (gtag.js) - Google Analytics