自定义指令
来源:互联网 发布:大麦户 2016 系统源码 编辑:程序博客网 时间:2024/06/06 08:53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../angular/angular.js"></script>
<script>
var app=angular.module("myapp",[]);
app.controller("myctrl",function($scope){
});
//自定义指令
app.directive("myDirective",function(){
return{
restrict :"ECAM",
replace :true,
template:"<p>我的自定义指令</p>"
};
});
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<!--自定义标签指令-->
<my-directive></my-directive>
<!--属性标签指令-->
<p my-directive></p>
<!--类标签指令-->
<p class="my-directive"></p>
<!--注释指令换标签-->
<!-- directive:my-directive -->
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../angular/angular.js"></script>
<script>
var app=angular.module("myapp",[]);
app.controller("myctrl",function($scope){
});
//自定义指令
app.directive("myDirective",function(){
return{
restrict :"ECAM",
replace :true,
template:"<p>我的自定义指令</p>"
};
});
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<!--自定义标签指令-->
<my-directive></my-directive>
<!--属性标签指令-->
<p my-directive></p>
<!--类标签指令-->
<p class="my-directive"></p>
<!--注释指令换标签-->
<!-- directive:my-directive -->
</body>
</html>
阅读全文
0 0
- 自定义指令
- 自定义指令
- 自定义指令
- 自定义指令
- 自定义指令
- 自定义指令
- 自定义指令
- 自定义指令
- Angular2 指令—自定义指令
- angular指令和自定义指令
- Angular2 指令—自定义指令
- freemarker的自定义指令
- FreeMarker自定义指令
- angularJS自定义指令
- angular 自定义指令
- freemarker 自定义指令
- AngularJS自定义指令标签
- 创建自定义指令[进阶]
- Oracle数据库如何导入导出
- dateTime怎么根据日期(年月日)查找数据
- v9 phpcms 模板自定义分页函数
- vue click.stop阻止点击事件继续传播
- mysql5.7官网直译SQL语句优化--左右连接的优化
- 自定义指令
- 30多个Android开发者超赞的工具
- 关于Eclipse输入不了中文问题
- IDEA 部署到tomcat域名访问
- Caffe fine-tuning 微调网络
- 关于com.baidu.mapapi.map.MapView的小坑
- javaweb实现app扫码登录
- Java 列表操作
- ADT-二叉树