原 初学angularJS笔记之Directive

HTML代码

<div ng-app="app">
    <!--调用分装文件-->
    <demo></demo>
    <!--调用属性 -->	
    <div demo1 ></div>
    <!--Class调用-->
    <div class="demo2"></div>
</div>

JavaScript代码

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

/*
 * 	E element		
 * --创建封装文件，方便多除调用
*/
app.directive('demo',function(){
	return {
		restrict:'E',
		replace:true,
		template:'<div>我是封装头部文件</div>'
	}
})


/*
 * 		--A 属性
 */
app.directive('demo1',function(){
	return {
		restrict:'A',
		link:function(){
			alert('1');
		}
	}
})
/*
 * 		--C class
 */
app.directive('demo2',function(){
	return{
		restrict:'C',
		link:function(){
			alert('1')
		}
	}
})