gpt4 book ai didi

php - 如何在 PHP 应用程序中正确包含 Angular 应用程序

转载 作者:可可西里 更新时间:2023-10-31 23:00:45 26 4
gpt4 key购买 nike

假设我开始使用 PHP 应用程序。在网站的其中一个页面上,有一个我想使用 Angular 的复杂交互式应用程序。问题是,我仍然希望该页面的页眉和页脚与网站的其余部分相匹配。我很想能够做这样的事情:

// main-template.php
<html>
<head>
<title>My Site-wide Header</title>
<script src="site-wide-script.js"></script>
<link href="site-wide-styles.css" rel="stylesheet">
<?php if ($somevar == true) : ?>
<?php echo "Yes, it has to be PHP"; ?>
<?php endif; ?>
</head>
<body>
<header>
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</header>

<!-- Drop entire Angular application here -->

</body>
</html>

对我来说,只用 PHP include Angular HTML 文件有点管用,但这很糟糕,因为 Angular index.html 文件当然已经包含了一个htmlbody等标签。当然,我可以 DOM 解析 Angular 文件并在包含之前修复所有问题……但我更喜欢更好的解决方案。

在我的搜索中,我似乎找不到任何官方推荐的方法。事实上,我似乎根本找不到任何人这样做的例子——我所有的搜索都只是发现人们在做类似的事情 AngularJS ,不是 Angular 。使用 Angular 是否有任何合适的方法来完成此任务?

最佳答案

你应该能够做你想做的事。

这是我作为 HW 项目所做的基于 Web 的聊天程序的 index.html 的内容(后端更有趣......)。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>crap chat</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="bootstrap.min.css" rel="stylesheet" />
</head>
<body class="m-a-1">
<?php print("Hello World ".date("r",time())."<br />\n"); ?>
<app></app>
<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>
</body>
</html>

只要您保留相同的 js 文件引用和样式表、样式(在 <body> 标签上)等,那么您应该能够将其放入并放入 <app></app> 中标签设置在你想要的地方。

为了好玩,我将文件重命名为 index.php在我的服务器上,添加了一个打印语句来打印页面加载的日期/时间,没有问题。

关于php - 如何在 PHP 应用程序中正确包含 Angular 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53124560/

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