码迷,mamicode.com
首页 > 其他好文 > 详细

Angular——引入模板指令

时间:2018-02-03 19:56:35      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:header   gpo   type   nbsp   请求   include   round   style   定义   

基本介绍

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

基本使用

<!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——引入模板指令

标签:header   gpo   type   nbsp   请求   include   round   style   定义   

原文地址:https://www.cnblogs.com/wuqiuxue/p/8410444.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!