Ⅶ.AngularJS的点点滴滴-- 事件

【Ⅶ.AngularJS的点点滴滴-- 事件】的更多相关文章

Ⅶ.AngularJS的点点滴滴-- 事件

事件(和js一样有冒泡和捕获) <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <div ng-controller="parent">parent:{{detail}} <div ng-controller="test"> myself:{{de…

Ⅵ.AngularJS的点点滴滴-- 指令

指令基本用法 <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <div ng-controller="detail"> <input type="text" ng-model="test"> <label ui-a=&q…

资源ngResource(依赖ngResource模块) <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular-resource.js">…

AngularJS HTML DOM& 事件

AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令. ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性 <div ng-app="" ng-init="mySwitch=true"> <p> <button ng-disabled="mySwitch==false">点我!</button> </p> <p>…

AngularJS 学习之事件

1.ng-click指令:定义了AngularJS点击事件 <div ng-app="" ng-controller="myCtrl"> <button ng-click="count=count+1">点我!</button> <p>{{count}}</p> </div> 2.隐藏HTML元素: **ng-hide指令用于设置应用部分是否可见 **ng-hide=&quo…

angularJS支持的事件

AngularJS提供可与HTML控件相关联的多个事件.例如ng-click通常与按钮相关联.以下是AngularJS支持的事件. ng-click ng-dbl-click ng-mousedown ng-mouseup ng-mouseenter ng-mouseleave ng-mousemove ng-mouseover ng-keydown ng-keyup ng-keypress ng-change ng-click…

angularjs的touch事件

angularJs没有touch事件.这里提供一个touch指令. ngTouch.js "use strict"; angular.module("ngTouch", []) .directive("ngTouchstart", function () { return { controller: function ($scope, $element, $attrs) { $element.bind('touchstart', onTouchS…

Ⅳ.AngularJS的点点滴滴-- 服务

服务(Angularjs很多方法都是服务组成的) 1.使用service方法创建的单例服务 <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <div ng-controller="detail"> <input type="number" ng-mode…

Ⅲ.AngularJS的点点滴滴-- 路由

路由ngRoute (需要依赖ngRoute模块) <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular-route.js"></s…

Ⅱ.AngularJS的点点滴滴--缓存

模板缓存-$templateCache and 缓存工厂 $cacheFactory 1.使用script标签 <html ng-app> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script> <body> <div ng-include='"test"'></div> &l…