angularjs 简单指令
2024-09-04 15:20:43
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<title>angular js</title>
<meta charset="utf-8">
<script src="angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("app",[],function(){
console.log("init");
});
app.directive("myDiv",function(){
return {
restrict: "E",
scope: {
myTitle: "=myTitle"
},
template: "<input type='text' data-ng-model='myTitle' /><h1>{{myTitle}}</h1>"
//,replace: true 如果设置为true,template的内容要有个根容器<div><input type='text' data-ng-model='myTitle' /><h1>{{myTitle}}</h1></div>
}
});
var controller = app.controller("myController",function($scope){
$scope.ctrlTitle = "";
});
</script> </head> <body data-ng-controller="myController">
<input type="text" data-ng-model="ctrlTitle" /><br/>
<my-div my-title="ctrlTitle"></my-div> <script type="angular/template" id="template1">
<h1>模板内容</h1>
</script> </body>
</html>
最新文章
- android6.0的坑
- Openstack+Kubernetes+Docker微服务实践之路--弹性扩容
- 使用 StringBuilder
- 【初级】linux mkdir 命令详解及使用方法实战
- FFMpeg的码率控制
- Autodesk 招人了,开发顾问,感兴趣的或者有推荐的人扔简历过来啊
- python基础(三)序列
- Yii rules常用规则(转)
- ulimit命令
- 响应式Web设计 – 布局
- Linq中疏漏的几个知识点
- javascript一些常用操作
- 1 weekend110的复习 + hadoop中的序列化机制 + 流量求和mr程序开发
- GNU PID
- vue.js项目构建
- ipv4与ipv6的区别
- curl 错误总结
- CSS3选择器p:nth-child和p:nth-of-type之间的差异
- Centos7 kernel 内核升级 GPU显卡驱动程序编译安装
- css布局 - 工作中常见的两栏布局案例及分析