原初学angularJS笔记之Directive

最新推荐文章于 2024-08-14 15:45:18 发布

chuierdao2535

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量88

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/ProgramDu/blog/511645

版权

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')
		}
	}
})

转载于:https://my.oschina.net/ProgramDu/blog/511645