Angular——引入模板指令

基本介绍

引入模板一般都是固定的东西，比如导航栏，比如页面的底部，每个页面都重复写很麻烦，不如直接定义两个模板，引入到需要的页面中。这个过程实际是一个跨域的异步请求过程。

基本使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="App">
<div ng-include="'./header.html'"></div>
<h1>主体</h1>
<div ng-include="'./footer.html'"></div>
</div>
<script src="../libs/angular.min.js"></script>
<script>
    var App = angular.module('App', []);
    //内部实现是ajax请求两个页面，
</script>
</body>
</html>

header模板

<h1>头部</h1>

footer模板

<h1>底部</h1>