AngularJS指令

标签：

AngularJS 通过被称为 指令 的新属性来扩展 HTML。

AngularJS 通过内置的指令来为应用添加功能。

AngularJS 允许你自定义指令。

指令(directive)，指令其实就是AugularJS定义的一系列操作
指令分为系统指令和自定义指令
指令使用的都是驼峰法命名（定义的时候都是这样定义的）
注意：使用的时候，才用"-"分属单词

指令1：ng-app，是指令系统里面最重要的一个指令，它定义文件哪个区域可以使用AugularJS
一个项目只能出现一次ng-app(AngularJS定位于做单应用)

指令2：ng-model:用来实现数据绑定，主要用于input标签，本质就是，定义一个变量来保存input标签的内容，标签的内容发送改变，这个变量就动态实时改变

指令3：自定义指令
前提：ng-app不能为空
获取app模块
全局对象
html里面的window
AugularJS里面有一个全局对象叫angular
全局函数（属性）
全局对象的方法就叫全局函数

全局函数需要两个参数：1、模块的名字2、数组（数组里面装的字符串）
这个方法的功能：1、如果不存在参数1说明的模块，则创建一个新的模块2、如果存在，则获取这个模块

自定义指令需要两个参数，第一个：指令的名字；第二个：指令的内容

1、作为标签可以使用<hello-world></hello-world>

2、作为属性可以使用<div hello-world></div>

3、作为class能使用 ,要声明一下restrict:"EAC"，C表示class<div class="hello-world"></div>

4、注释也可以使用<!-- directive:hello-world -->

var app = angular.module("xcc", []);

app.directive("helloWorld",function(){
return {
//template: "<ul><li>王宝强</li><li>马蓉</li><ng-transclude></ng-transclude><li>呵呵呵</li></ul>",
//M表示注释,C表示class
restrict: "EACM",
replace: true,
transclude: true,
templateUrl: "template1.html"
};
});

AngularJS指令

标签：

原文地址：http://www.cnblogs.com/luckyXcc/p/5800764.html