AngularJS
hqmln
这个作者很懒,什么都没留下…
展开
-
run方法
Angularjs模块的run方法初始化全局的数据 ,只对全局作用域起作用 如$rootScope<script type="text/javascript"> var m1 = angular.module('myApp',[]); m1.run(['$rootScope',function($rootScope){ $rootScope.name = 'hell...原创 2016-05-31 15:40:19 · 436 阅读 · 0 评论 -
ng-class
ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。ng-class 指令的值可以是字符串,对象,或一个数组。如果是字符串,多个类名使用空格分隔。如果是对象,需要使用 key-value 对,key 为你想要添加的类名,value 是一个布尔值。只有在 value 为 true 时类才会被添加。如果是数组,可以由字符串或对象组合组成,数组的元素可以是字符...原创 2017-01-07 14:54:05 · 128 阅读 · 0 评论 -
ng-change
定义和用法ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。ng-change 指令需要搭配 ng-model 指令使用。AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件, 如果触发该事件,ng-change 表达式与原生的 onchange 事件都会执行。ng-change 事件在值的每次改变...原创 2017-01-07 14:50:36 · 243 阅读 · 0 评论 -
AngularJS 输入验证
属性描述$dirty表单有填写记录$valid字段内容合法的$invalid字段内容是非法的$pristine表单没有填写记录原创 2017-03-29 12:48:29 · 81 阅读 · 0 评论 -
AngularJS 动画
ngAnimate 做了什么?ngAnimate 模型可以添加或移除 class 。ngAnimate 模型并不能使 HTML 元素产生动画,但是 ngAnimate 会监测事件,类似隐藏显示 HTML 元素 ,如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元素的动画。AngularJS 添加/移除 class 的指令:ng-shown...原创 2017-03-29 12:43:50 · 74 阅读 · 0 评论 -
Angular JS源码编译
http://blog.csdn.net/binyao02123202/article/details/17990237原创 2016-09-22 14:14:47 · 141 阅读 · 0 评论 -
AngularJS 服务(Service)
在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务原创 2016-09-22 13:35:20 · 92 阅读 · 0 评论 -
ng-model
ng-model 指令也可以:为应用程序数据提供类型验证(number、email、required)。为应用程序数据提供状态(invalid、dirty、touched、error)。为 HTML 元素提供 CSS 类。绑定 HTML 元素到 HTML 表单。 ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textar...原创 2016-09-22 12:12:19 · 91 阅读 · 0 评论 -
自定义指令
restrict 表示使用范围restrict 值可以是以下几种:E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。...原创 2016-09-22 12:02:14 · 220 阅读 · 0 评论 -
AngularJS 表达式与 JavaScript 表达式区别
AngularJS 表达式 与 JavaScript 表达式类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。与 JavaScript 表达式不同,Angula...原创 2016-09-22 11:55:24 · 168 阅读 · 0 评论 -
uib-datepicker-popup使用
uib-datepicker-popup使用属性默认值备注alt-input-formats[]手动输入日期时可接受的格式clear-textclear清空按钮的文本close-on-date-selectiontrue选择一个日期后是否关闭日期面板close-textclose关闭按钮的文本current...原创 2016-08-25 16:49:36 · 1011 阅读 · 0 评论 -
金额小写转大写
filterApp.filter('Chinese',function(){ return function(input){ var numberValue=new String(Math.round(input*100)); // 数字金额 var chineseValue=""; // 转换后的汉字金额 v...原创 2016-08-08 15:20:37 · 263 阅读 · 0 评论 -
表达式
表达式和eval(javascript)非常相似,但是由于表达式由AngularJS来处理,它们有以下显著不同的特性: 所有的表达式都在其所属的作用域内部执行,并有访问本地$scope的权限; 如果表达式发生了TypeError和ReferenceError并不会抛出异常; 不允许使用任何流程控制功能(条件控制,例如if/eles); 可以接受过滤器和过滤器链。...原创 2015-08-19 09:55:01 · 308 阅读 · 0 评论 -
$uibModal
$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们。$modal仅有一个方法open(options),可以使用的选项如下:templateUrl:模态窗口的地址template:用于显示html标签scope:一个作用域为模态的内容使用(事实上,$modal会创建一个当前作用域的子作用域)默认为$rootScopecontroller:为$moda...原创 2016-07-09 16:16:48 · 387 阅读 · 0 评论 -
学习网站
https://github.com/angular-ui http://blog.csdn.net/sunhuaqiang1/article/category/5795559/1原创 2016-07-09 16:07:48 · 80 阅读 · 0 评论 -
自定义指令
为了让AngularJS能够调用我们的指令,需要修改指令定义中的restrict设置。这个设置告诉AngularJS在编译HTML时用那种声明格式来匹配指令定义,我们可以指定一个或者多个格式元素(E)、属性(A)、类(C)、注释(M)angular.module('myApp', []).directive('myDirective', function() {return {r...原创 2016-05-31 19:47:20 · 92 阅读 · 0 评论 -
$filter
在js中使用$filter来调用过滤器 <script type="text/javascript">var app = angular.module('myApp', []);app.controller('MyController', function($scope, $filter) { $scope.name = $filter('lowercase')(...原创 2016-05-31 16:30:47 · 224 阅读 · 0 评论 -
$interpolate服务
要在字符串模板中做插值操作,需要在你的对象中注入$interpolate服务$interpolateProvider<html ng-app="myApp"><head> <meta charset="utf-8"> <script src="angular-1.0.1.min.js"></scr原创 2016-05-31 16:19:30 · 136 阅读 · 0 评论 -
AngularJS 依赖注入
AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入:valuefactoryserviceproviderconstantvalueValue 是一个简单的 javascript 对象,用于向控制器传递值(配置阶段)factoryfactory 是一个函数用于返回值。在 service 和 controller 需...原创 2017-02-08 10:51:57 · 111 阅读 · 0 评论