本文介绍了一个使用Angular指令ng-include来实现页面模块化的方法。通过示例代码展示了如何在一个HTML文件中引入并显示另一个HTML文件的内容。这对于构建可维护的大型应用程序非常有用。
例如：
test.html
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="node_modules/angular/angular.min.js"></script>
</head>
<body>
<!-- include:包含公共页面，注意格式，必须采用localhost访问 -->
<div ng-include="'1.header.html'"></div>
</body>
</html>
被引用页面:1.header.html
<nav>
<ul>
<li>头部导航1</li>
<li>头部导航2</li>
<li>头部导航3</li>
</ul>
</nav>
扫一扫
3057
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
