<!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>
Angular 自定义指令
最新推荐文章于 2024-02-20 14:10:51 发布