AngularJS创建自定义指令
2018-02-01 12:51
225 查看
1.新建一个HTML文件
2.代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app=angular.module("myApp",[]);
app.directive("runoobDirective",function(){
return {
template:"<h1>自定义指令！</h1>"
};
});
</script>
</body>
</html>
3.运行结果：
2.代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app=angular.module("myApp",[]);
app.directive("runoobDirective",function(){
return {
template:"<h1>自定义指令！</h1>"
};
});
</script>
</body>
</html>
3.运行结果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 带你走近AngularJS - 创建自定义指令
- 带你走近AngularJS - 创建自定义指令
- angularjs 表单验证ngMessages和创建自定义指令结合
- 带你走近AngularJS - 创建自定义指令
- 带你走近AngularJS 之创建自定义指令
- 带你走近AngularJS - 创建自定义指令
- AngularJS -- 指令(创建自定义指令)
- AngularJS创建自定义指令的方法详解
- AngularJs常见内置指令 自定义指令
- vue创建自定义指令
- 第七章：vue2中创建自定义指令
- AngularJs学习笔记__4、自定义指令
- angularJs 自定义指令实现星级评分功能
- angularJS 自定义指令 方法属性：controller 和属性：controllerAs
- angularJs自定义指令时的绑定
- 【AngularJS】—— 8 自定义指令
- AngularJs2-使用WebStorm创建AngularJs2项目
- angularjs自定义指令Directive
- AngularJs创建一个带参数的自定义方法
- angularjs自定义指令（下）