基本介绍
引入模板一般都是固定的东西,比如导航栏,比如页面的底部,每个页面都重复写很麻烦,不如直接定义两个模板,引入到需要的页面中。这个过程实际是一个跨域的异步请求过程。
基本使用
<!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>