AngularJS -在外部JS文件或HTML中包含代码


AngularJS - include code in outside JS file or within the HTML?

我刚刚开始学习AngularJS,当我通常做jQuery应用程序时,我把所有的Javascript放在外部文件中。然而,在大多数AngularJS示例中,我看到的代码都放在HTML页面底部的脚本标签中。

我面临的问题是PHP在页面上加载变量,并使用AngularJS通过将这些变量放置在隐藏标签中来引用这些变量,并将其抓取或将代码放在底部的脚本标签中。

处理这个问题最专业/最常见的方法是什么?

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

谢谢你的帮助,

卡梅隆

.

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

规范是使用外部文件。

但是,任何用于保存html模板的脚本标签都是有区别的。

这些标签将具有以下type,并且需要在主文件

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

这些模板标签的ID将等同于指令,路由或ng-include中使用的任何templateUrl

脚本标记示例纯粹是为了简洁。我个人从来不会在产品代码中添加脚本标签,因为它太容易被忽略。对于良好的文件结构,有很多话要说。

用PHP将变量回显到你的标记中并不是一个好方法。

更好的做法是公开一个web API,让你的Angular应用使用$http服务异步地访问端点,以获取任何所需的数据。

如果你正在制作一个提供静态标记和脚本的生产web应用程序,而这些标记和脚本又反过来访问一个单独的API,这是一个更理想的架构。