Angular——引入模板指令
阿新 • • 發佈：2018-02-03
.html 請求過程 基本 基本介紹 ng- 頁面 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>
Angular——引入模板指令