angularJS-创建自定义的指令
来源:互联网 发布:开淘宝网店进货渠道 编辑:程序博客网 时间:2024/05/22 14:18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<div runoob-directive></div>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
restrict: "A",
template: "<h1>自定义指令!</h1>"
};
});
</script>
<p><strong>注意:</strong> 通过设置 <strong>restrict</strong> 属性值为 "" 来设置指令只能通过 HTML 元素的属性来调用。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<div runoob-directive></div>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
restrict: "A",
template: "<h1>自定义指令!</h1>"
};
});
</script>
<p><strong>注意:</strong> 通过设置 <strong>restrict</strong> 属性值为 "" 来设置指令只能通过 HTML 元素的属性来调用。</p>
</body>
</html>
0 0
- angularJS-创建自定义的指令
- 带你走近AngularJS - 创建自定义指令
- 带你走近AngularJS - 创建自定义指令
- 创建自定义 AngularJS 指令:Part 5 link
- AngularJS 优雅的自定义指令
- angularjs自定义指令的用法
- angularjs 自定义指令的分类
- AngularJS 世界------Angularjs指令的使用方式和自定义指令
- 创建自定义 AngularJS 指令:Part I 指令基础知识
- angularjs的自定义指令的scope
- angularjs自定义指令的样式如何设置
- angularJS 自定义指令间的相互交互
- angularjs的自定义指令及其调用方式
- angularJs自定义指令的scope配置详解
- 创建自定义 AngularJS 指令:Part 2 孤立作用域
- 创建自定义 AngularJS 指令:Part 4 transclude和restrict介绍
- 创建自定义 AngularJS 指令:Part 6 使用controllers
- angularJS自定义指令
- 图解HTTP读书笔记1
- [BZOJ1242][Zju1015 Fishing Net弦图判定][完美消除序列]
- JZOJ3601. 【广州市选2014】Tree
- 详解T-SQL的联接机制
- Dubbo学习笔记(五)------DubboProtocol理解之Refer
- angularJS-创建自定义的指令
- 树莓派3B安装影音系统OSMC
- Delphi写dll文件
- 轻松入门git操作
- angularJS-如何使用 Scope
- mysql5.5升级为5.7遇到错误ERROR 1054 (42S22): Unknown column 'password_last_changed' in 'mysql.user'
- angularJS-验证用户输入
- c++ 实现链表的创建,查询,打印,删除,插入
- (转)【MySQL】彻底删除MySQL并且用压缩包重新安装