gpt4 book ai didi

html - Angular 文件包含和分离 - 最佳实践

转载 作者:行者123 更新时间:2023-11-28 07:46:38 25 4
gpt4 key购买 nike

我的主页上有 3 个不同的链接。我试图让每个链接转到一个看起来像这样的页面:

<link rel="stylesheet" href="/assets/common/temlate1.css">
</head>
<body>
<div ng-include="'/assets/common/template1.html'" ng-controller="ControlsCtrl"></div>
<script src="/assets/common/template1.js" type="text/javascript"></script>
</body>

我需要主页上的每个链接都关联不同的 css、html 和 js 文件。例如:

如果我单击链接 1:文件将类似于上面的文件。如果我单击链接 2,文件将如下所示:

<link rel="stylesheet" href="/assets/common/temlate2.css">
</head>
<body>
<div ng-include="'/assets/common/template2.html'" ng-controller="ControlsCtrl"></div>
<script src="/assets/common/template2.js" type="text/javascript"></script>
</body>

第三个链接将包含文件:模板3.css模板3.html模板3.js

什么是完成我想要的最好的方法。我不想将所有 css 和 js 文件放在一起。我的意思是我不想在我的文件底部有这个:css 文件也是如此。

<script src="/assets/common/template1.js" type="text/javascript"></script>
<script src="/assets/common/template2.js" type="text/javascript"></script>
<script src="/assets/common/template3.js" type="text/javascript"></script>

我只向您展示了网站的一小部分,以便您轻松理解这个问题。我在 head 部分有很多其他链接,在 body 标签上面有很多 js 链接。所有这些对于所有 3 个模板都是通用的。因此,我想使用同一个文件,只替换上面提到的 3 个区域。

我该如何实现?我希望有一个 Angular 解决方案。也许有人可以指出我正确的方向。

最佳答案

我认为您必须在 AngularJS 中定义不同的模块才能完成此任务。他们每个人都可以有自己的模板。

简而言之:

angular.module('page1');
angular.module('page2');
angular.module('page3');

它们都可以有自己的模板,分别是page1.html、page2.html等等……

这看起来是一个很好的解释:https://docs.angularjs.org/guide/module

关于html - Angular 文件包含和分离 - 最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30661757/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com