angularjs – Angular JS – 如何处理重复的HTML代码,如页眉/页

发布时间：2020-12-17 08:13:43 所属栏目：安全来源：网络整理

导读：我只是读了 introduction to Angular JS，但是我没有看到任何一种方式来编码你的HTML标题代码和页脚代码，只需一次，并将其包含在所有的页面中。有没有官方/推荐的方式来做到这一点？正式的方法是使用 ngInclude指令，该指令“抓取，编译并包含外部HTML片

我只是读了 introduction to Angular JS，但是我没有看到任何一种方式来编码你的HTML标题代码和页脚代码，只需一次，并将其包含在所有的页面中。

有没有官方/推荐的方式来做到这一点？

正式的方法是使用 ngInclude指令，该指令“抓取，编译并包含外部HTML片段”。

<html ng-app>

<head>
  <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>

<body>
  <div ng-include src="'header.url'"></div>
  ...
  <div ng-include src="'footer.url'"></div>
</body>

</html>

有了这个，您可以在所有页面中重复使用相同的header.url和footer.url。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!