Question

我刚刚开始学习AngularJS，当我通常使用jQuery应用程序时，我将所有Javascript放在外部文件中。但是，AngularJS的大多数示例我都会在HTML页面底部的脚本标记中看到代码。

我在页面上面对PHP加载变量的问题，并使用AngularJS通过将它们放在隐藏标记中来引用这些变量并抓取它或将代码放在脚本标记的底部。

处理此问题最专业/最常用的方法是什么？

仅供参考：我不想在JS文件中启用PHP。

感谢您的帮助，

卡梅伦。

Answer 1

在脚本标记中包含实际脚本的任何示例都是为了方便查看，以便能够看到角度组件和视图如何相互作用。

标准是使用外部文件。

但是，任何用于保存html模板的脚本标记都存在差异。

这些代码将包含以下type，并且确实需要位于主文件

中

 <script type="text/ng-template" id="/view1.tpl">
       <div>Some view template html</div>
 </script>

这些模板标记的ID将等同于指令，路由或templateUrl

中使用的任何ng-include

Answer 2

脚本标记示例纯粹是为了简洁起见。我个人从未将脚本标记放入生产代码中，因此很容易被忽视。对于良好的文件结构，有很多要说的。

使用PHP将变量回传到您的标记中并不是进入IMO的好方法。

更好的做法是公开Web API并让您的Angular应用程序使用$http服务异步访问端点以获取任何所需数据。

如果您正在处理提供静态标记和脚本的生产Web应用程序，那么访问单独的API是一个更理想的架构。