一.【AngularJS常用指令】 1、ng-app:声明Angular所管辖的区域。一般写在body或html上,原则上一个页面只有一个; <body ng-app=""></body> 2、ng-model:把元素值(比如输入域的值)绑定到应用程序的变量中。 <input type="text" ...
分类:
Web程序 时间:
2017-05-08 00:25:11
阅读次数:
236
一、在视图模板(View Template)中使用 在表达式中应用Filters (过滤器) 需要遵循格式如下: {{ expression | filter }} 即 {{ 表达式 | 过滤器 }} 例如:{{ 12 | currency }} 输出为 $12.00 在表达式中应用Filters ...
分类:
Web程序 时间:
2017-05-07 22:06:25
阅读次数:
332
(1)ng-checked的值只是用来决定初始状态时选中还是为选中,ng-model 才是随着复选框是否被选中,来实时改变它绑定变量的值。 (2)如果初始状态ng-checked和ng-model指令同时存在,则复选框的初始状态是否被选中有ng-checked的值来决定,与ng-model无关。 ( ...
分类:
其他好文 时间:
2017-05-06 19:07:36
阅读次数:
144
一,页面上有一个checkbox和一个文本框。切换checkbox能对文本框输入文本与否: <input type="checkbox" ng-model="ckSwitch" /> <input id="Text1" type="text" ng-disabled="!ckSwitch" ng-m ...
分类:
Web程序 时间:
2017-05-06 11:51:31
阅读次数:
196
AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 实例 ({{ firstName }} 是通过 ng-mod ...
分类:
Web程序 时间:
2017-05-05 10:41:24
阅读次数:
245
<script src="../angular-1.5.5/angular.min.js"></script></head><body ng-app="" ng-init="useName='小花猫' ;grader='17';grade='3'">{{useName}}{{grader}}<p n ...
分类:
其他好文 时间:
2017-05-04 18:41:16
阅读次数:
286
组件实现了以下功能 1. 列宽可动态拖动 2. 列数据排序 3. 列过滤 4. 列位置自由调整 除了需要引入angular.js(我用的是1.4.6版本),还需要引用一个angular衍生出来的插件ngdraggable.js 插件地址:https://github.com/fatlinesofco ...
分类:
其他好文 时间:
2017-05-04 14:48:01
阅读次数:
301
AngularJs ng-model 指令 ng-model 指令: 1.用于将输入域的值绑定到应用程序数据上; 2.用于绑定应用程序数据到HTML控制器. ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 双向数据绑定: 验证用户输入: 提示信息会在 ng-show ...
分类:
Web程序 时间:
2017-05-03 17:27:10
阅读次数:
202
AngularJS 控制器 <div ng-app="myApp" ng-controller="myCtrl">名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="lastName"><br> ...
分类:
Web程序 时间:
2017-05-03 17:07:45
阅读次数:
162
拿 ng-click 说吧,刚开始接触 angular 时,只知道这指令能触发一个绑定的函数,所以使用的时候也仅仅绑定了一个函数,后来用着用着发现,可以绑定多个触发函数: 后来观摩项目内资深大神写的代码后,发现连三目也能用,感觉好多门都敞开了: 从触发一个函数,到多个,再到判断后触发一个,精彩的路途 ...
分类:
其他好文 时间:
2017-04-28 13:47:42
阅读次数:
208