AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-option 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: ng-option与ng-repeat: 我们也可以使用ng-repeat ...
分类:
Web程序 时间:
2016-10-20 19:25:48
阅读次数:
364
一、使用元素指令 ng-if 从DOM中添加和移除元素 ng-class 为某个元素设置class属性 ng-class-even 对由ng-repeat指令生成的偶数元素设置class属性 ng-class-odd 对由ng-repeat指令生成的奇数元素设置class属性 ng-hide 在DO ...
分类:
其他好文 时间:
2016-10-19 23:47:48
阅读次数:
239
场景: Select初始化之后,选中select的某个选项 通过AngularJS更新select的选项 错误写法: HTML(使用ng-repeat) 按照场景描述的步骤操作之后,下拉菜单变成如下所示(多出了一个option,option的value和步骤一所选的选项有关,我第一步选了“百度”): ...
分类:
Web程序 时间:
2016-10-17 20:56:58
阅读次数:
688
1.在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出 运行结果: 用ng-option加载列表: 运行结果: 用ng-repeat加载列表数据也可以但是有局限性,选择的是一个字符串: 运行结果: ng-options使用对象有很大的不同 ...
分类:
Web程序 时间:
2016-09-27 14:50:08
阅读次数:
189
在DOM里ng-repeat那个重复的标签上写ng-init="$last?lastAction($index):''",用三目表达式来判断是不是最后一个,是最后一个就去执行lastAction()函数。 $scope.lastAction = function(index){ console.lo ...
分类:
其他好文 时间:
2016-09-25 10:43:02
阅读次数:
137
第一 迭代输出之ng-repeat标签ng-repeat让table ul ol等标签和js里的数组完美结合 1 2 3 4 5 <ul> <li ng-repeat="person in persons"> {{person.name}} is {{person.age}} years old. ...
分类:
Web程序 时间:
2016-09-12 12:08:17
阅读次数:
158
在angular中使用ng-repeat后ng-click失效,今天在这个上面踩坑了。特此记录一下。 因为ng-repeat创造了新的SCOPE。如果要使用这个scope的话就必须使用$parent来获取其对应的SCOPE的属性。 1 2 3 4 5 <tr class="odd thead hea ...
分类:
其他好文 时间:
2016-09-01 12:26:42
阅读次数:
378
需求,想实现一个html组件,传入不同的typeId,渲染不同的表单元素。 如type=1,输出input元素,type=2输出textarea 也就是说我们要在directive中根据属性获得不同的template。 刚开始我的设想是利用 templateUrl 除了可以接收地址字符串,如'tpl ...
分类:
Web程序 时间:
2016-08-28 11:05:00
阅读次数:
276
<tr ng-repeat="item in todo.items|checkedItems:showComplete|orderBy:'action'"> <td>{{item.action}}</td></tr> ...
分类:
Web程序 时间:
2016-08-27 22:07:46
阅读次数:
180
(如果有说的不对,欢迎指教,更欢迎大家一起交流。) 关于angularjs的ng-repeat指令,想必每个学习angularjs的初学者都很有映像。那我也总结一下我使用ng-repeat的时候经验,ng-repeat他只能循环出数组和对象,所以当在项目中,如果碰到ng-repeat循环不出数据的时 ...
分类:
Web程序 时间:
2016-08-26 15:03:23
阅读次数:
142