AngularJS[ng-include]实现页面共用

最新推荐文章于 2022-09-21 00:21:47 发布

Yates WANG

最新推荐文章于 2022-09-21 00:21:47 发布

阅读量4.9k

点赞数 1

分类专栏： Web前端文章标签： AngularJS angular 前端

本文链接：https://blog.csdn.net/YatesWANG/article/details/47612305

版权

Web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<span style="font-size:32px;color:#FF0000;"><strong><span style="font-size:14px;">此处有坑：src="'header.html'" 在ng-include中，是把它的参数当做变量来解释的，它会通过$eval对传入的值进行计算，然后作为模板地址去加载。

</span></strong></span><!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>Footer Header Test</title>
    <script src="angular.js"></script>
</head>
<body>
    <!-- header -->  
    <ng-include src="'header.html'"></ng-include>  
          
    <div class="container">  
    <!-- angular ng-view -->  
        <div ng-view></div> 
    <!-- /angular ng-view -->  
    </div>  
          
<!-- Footer -->
    <ng-include src="'footer.html'"></ng-include>
</body>
</html>

优惠劵

Yates WANG

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS[ng-include]实现页面共用

此处有坑：src="'header.html'" 在ng-include中，是把它的参数当做变量来解释的，它会通过$eval对传入的值进行计算，然后作为模板地址去加载。 Footer Header Test
复制链接

扫一扫