Angular 自定义指令

最新推荐文章于 2024-02-20 14:10:51 发布

心郎

最新推荐文章于 2024-02-20 14:10:51 发布

阅读量1k

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.csdn.net/u011301203/article/details/53225329

版权

前段_angularjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<!--自定义指令 需要服务端请求-->
		<!--<div tag></div>--> 
		<!--<tag/>-->
		<!--<div class="tag"></div> -->
		<!--directive:tag -->
	
		<script src="../libs/angular.min.js"></script>
		<script>
			// 定义一个模块 App就是新创建的模块，这个模块又是一个对象
			// 在此对象下又有N多方法，可以实现具体业务逻辑
			var App = angular.module('dome',[]);
			
			// 自定义指令 :通过模块实例对象的directive方法
			App.directive('tag', function () {
				// 返回一个对象，这个对象就是自定义指令相关的内容
				return {
					// 自定义指令的类型:E element,A attribute,C class,M mark replace 必须为true
					restrict: 'ECMA',
					
					//指令模板	
					template: '<h1>hello AngudlarJS</h1>',
					
					//指令外部模板
					templateUrl: './list.html',
					
					//是否替换原有标签
					replace: true
				}
			});
			
		</script>
	</body>
</html>

心郎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular 自定义指令

--> --> --> // 定义一个模块 App就是新创建的模块，这个模块又是一个对象 // 在此对象下又有N多方法，可以实现具体业务逻辑 var App = angular.module('dome',[]); // 自定义指令 :通过模块实例对象的directive方法 App.directive('tag', func
复制链接

扫一扫

专栏目录