html – 如何在AngularJS中的所有网页共享一个共同的标题?

html – 如何在AngularJS中的所有网页共享一个共同的标题?,第1张

概述我想要一个header.html,它定义了所有我的网页的头像是什么样子.如何将此header.html插入顶部的其他网页? 可能会有更好的方法来实现一个共同的标题共享.因为我仍然认为自己是html的新手(但不是编程),我可以提出更好的建议. 谢谢. 编辑:有用的回复使用PHP提到.但是,我使用AngularJS作为前端,我的PHP后端只是一个纯粹的REST服务器.我喜欢做AngularJS的方式 我想要一个header.HTML,它定义了所有我的网页的头像是什么样子.如何将此header.HTML插入顶部的其他网页?

可能会有更好的方法来实现一个共同的标题来共享.因为我仍然认为自己是HTML的新手(但不是编程),我可以提出更好的建议.

谢谢.

编辑:有用的回复使用PHP提到.但是,我使用AngularJs作为前端,我的PHP后端只是一个纯粹的REST服务器.我喜欢做AngularJs的方式,而不是PHP的方式.

解决方法 AngularJs解决方案将如下所示:
<!DOCTYPE HTML><HTML lang="en" ng-app="myApp"><head>  <script src='angular.Js'></script>  <script src='main.Js'></script></head><body><div ng-controller="headerCtrl">  <div ng-include src="header.url"></div>  <script type="text/ng-template" ID="header.HTML"></script></div></body></HTML>

main.Js:

var myApp = angular.module('myApp',[]);function headerCtrl($scope) {    $scope.header = {name: "header.HTML",url: "header.HTML"};}

header.HTML中:

<p> header content goes here </p>

我没有简单地提出一个解决方案的原因,例如:< divng-include =“'header.HTML'”>是避免任何延迟加载头.有关更多信息,请查看angularjs – Point ng-include to a partial that contains a script directive.

或者,jquery会这样.

<HTML>   <head>     <script src="jquery.Js"></script>     <script>     $(function(){      $("#headerContent").load("header.HTML");     });    </script>   </head>   <body>      <div ID="headerContent"></div>  </body> </HTML>

最后一个PHP解决方案将如下所示:

<HTML>   <head>   </head>   <body>     <?PHP include('header.HTML'); ?>    </body> </HTML>

祝你好运!

总结

以上是内存溢出为你收集整理的html – 如何在AngularJS中的所有网页共享一个共同的标题?全部内容,希望文章能够帮你解决html – 如何在AngularJS中的所有网页共享一个共同的标题?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1099029.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存