angularJS自定义那些事

【angularJS自定义那些事】的更多相关文章

angularJS自定义那些事

angularJS在数据处理方面很优秀. 使用angularJ给我感觉就像在写模板,然后对模板填入内容,只是这些内容不在是在html页面编写,而是以数据的方式添加进去,这个也大大提高了编写的效率. 我们的业务逻辑都可以在controller里编写,如DOM操作,数据处理等,还有一些angularJS 内置好的服务和过滤处理,但这些还不够,在开发中,总会有一些angularJS没有的,所以就自定义服务,自定义指令,自定义过滤器,这些都是很有必要的. 在自定义中,觉得服务的定义方式最多,至少有五…

AngularJs自定义指令详解（1） - restrict

下面所有例子都使用angular-1.3.16.下载地址:http://cdn.bootcss.com/angular.js/1.3.16/angular.min.js 既然AngularJs快要发布2.0,所以现在也没必要追求最新版本.而且,2.0变动实在太大,所以当前学习AngularJs不需要过度深入. AngularJs自定义指令时,要求返回一个指令定义对象(Directive Definition Object),该对象可以声明若干属性和方法.下面例子的restrict.templat…

AngularJS: 自定义指令与控制器数据交互

<!doctype html> <html> <head> <meta charset="utf-8"> <title>AngularJS自定义指令与控制器数据交互</title>  <sc…

浅析AngularJS自定义指令之嵌入(transclude)

AngularJS自定义指令的嵌入功能与vue的插槽十分类似,都可以实现一些自定义内容展现.在开始之前先简单介绍下自定义指令的transclude属性和AngularJS的内置指令ng-transclude. transclude: true: 表示指令元素内容(子元素)会被嵌入. element: 表示整个元素会被嵌入,包括哪些尚未被编译的属性指令.ng-repeat指令就是这种模式 ng-transclude: …

angularjs自定义指令Directive

今天学习angularjs自定义指令Directive.Directive是一个非常棒的功能.可以实现我们自义的的功能方法. 下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin". 在网页上放一个文本框和一个铵钮: <form id="form1" name="form1" ng-app="app" ng-controller="ctrl" novalidate> <in…

angularJs 自定义指令传值---父级与子级之间的通信

angularJs自定义指令用法我忽略,之前有写过,这里只说一下父子级之间如何传值: 例如: 模块我定义为myApp,index.html定义 <my-html bol-val="bolVal"></my-html>,index的controller定义为myAppCtrl: js: angular.module('app.myApp') .controller('myAppCtrl',['$scope','myService',myAppCtrl]) .se…

angularjs 自定义服务的三种方式

angularjs 中可通过三种($provider,$factory,$service)方式自定义服务,以下是不同的实现形式: // 定义module , module中注入$providevar starterApp = angular.module('starter.controllers', [],function($provide){ // 第一种方式:使用provide的provider自定义服务 $provide.provider('getUserInfoService', fu…

angularJs自定义服务（实现签名和加密）

写在前面: angularJS是google公司主推的js开发优秀框架... 页面展示: 在应用中进行加密是普遍存在的,个人建议在前端实现加密签名(前端加密是否必要来自知乎:http://www.zhihu.com/question/25539382) 对base64.md5.sha1加密算法简单解释: 1.base64是可逆的.对称的加密算法:base64具有64个基本字符组成的基本字符集 base64加密原理: a.base64以3个字节为一组,而一个字节占8个位(bit) b.再把24bi…

AngularJs自定义指令详解（6） - controller、require

在前面文章中提到一旦声明了require,则链接函数具有第四个参数:controller. 可见require和controller是配合使用的. 在自定义指令中使用controller,目的往往是要封装一些行为,给其他指令使用.下面是一个简单的例子: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="…

AngularJs自定义指令详解（5） - link

在指令中操作DOM,我们需要link参数,这参数要求声明一个函数,称之为链接函数. 写法: link: function(scope, element, attrs) { // 在这里操作DOM} 如果指令使用了require选项,那么链接函数会有第四个参数,代表控制器或者所依赖的指令的控制器. // require 'SomeController',link: function(scope, element, attrs, SomeController) { // 在这里操作DOM,可以访问r…