您的位置:首页 > Web前端 > AngularJS

用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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: