AngularJs模块化指令02(模板放标签)
2016-05-12 17:23
309 查看
静静的贴代码。。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模块化例子02</title>
<script src="angular.js"></script>
<script>
var app=angular.module("modelDemo02",[]);
app.controller("modelCtrl02",function($scope){
});
//模板可以放标签的说，，，很好玩的样子。。然而还不造适用于何地
app.directive("li",function(){
var direction={};
direction.restrict="AE";
direction.template='<div><label>请输入用户名：</label><input type="text"/></div>';
return direction;
});
</script>
</head>
<body ng-app="modelDemo02" ng-controller="modelCtrl02">
<ul>
<li>今天天气很好</li>
</ul>
<p li>啦啦啦</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- url变化的时候，modal框没有消失
- angularjs学习笔记—工具方法
- angular使用echarts折线图
- AngularJs表单验证的例子
- AangularJs表单基本用法例子
- AngularJs事件绑定例子
- AngularJS指令开发（1）——参数详解
- AngularJs多个控制器例子
- AngularJs对象数据的绑定例子
- AngularJs获取对象内容例子
- AngularJs获取数组的元素例子
- AangularJs动态时间例子
- AngularJS 中ng-class 使用
- 深究AngularJS——监听模型$watch
- SpringMVC实现angularjs图片上传
- angularjs 做修改页面遇到的问题
- 用angularjs遇到的坑
- 深究AngularJS——如何获取input的焦点（自定义指令）
- AngularJS路由 $state服务、路由事件、获取路由参数
- 关于ng-disabled 不起作用的解决办法