用angular把页面中的元素按照页面分离开
2016-07-19 20:36
399 查看
把一个子页面中大量的元素分离到另外一个页面中。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="day2/src/angular.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div ng-app="fristApp">
<div ng-controller="fristController">
<!--方式1-->
<div ng-include="temp1"></div>
<!--方式2-->
<div ng-include src="temp1"></div>
<!--方式3-->
<div ng-include="temp2"></div>
</div>
<!--要放在ng-app中才能加载-->
<script type="text/ng-template" id="test">
<p>fffffffff</p>
</script>
</div>
</body>
<script type="text/javascript">
var myApp = angular.module('fristApp',[]);
myApp.controller('fristController',function($scope){
$scope.temp1 = 'test';
$scope.temp2 = 'test.html';
})
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="day2/src/angular.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div ng-app="fristApp">
<div ng-controller="fristController">
<!--方式1-->
<div ng-include="temp1"></div>
<!--方式2-->
<div ng-include src="temp1"></div>
<!--方式3-->
<div ng-include="temp2"></div>
</div>
<!--要放在ng-app中才能加载-->
<script type="text/ng-template" id="test">
<p>fffffffff</p>
</script>
</div>
</body>
<script type="text/javascript">
var myApp = angular.module('fristApp',[]);
myApp.controller('fristController',function($scope){
$scope.temp1 = 'test';
$scope.temp2 = 'test.html';
})
</script>
</html>
相关文章推荐
- angular用ng-repeat批量处理数据
- angular的切换页面
- angular的几种元素隐藏的方式
- angular的自定义属性和ng-href属性
- angular中的ng-class的几种常用方式
- angular 和jq 的AJAX的请求区别
- 关于angularJS与jquery在使用上的一些感悟
- angular项目如何分层
- Angular1.x 基础总结
- angular中字符串和对象的转换等常用方法
- AngularJs ng-options
- angular 学习之路(一)学生信息管理
- localStorage的高级操作写法
- AngularJS 跨域
- angular.element的常用方法
- Angular知识总结及学习资料(中文版)
- AngularJS注入依赖路由总结
- 第七次迭代开发总结(AngularJS下文件上传的实现)
- AngularJS:在ng-click中使用Filter。
- AngularJS 服务(Service)