我刚刚开始学习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,这是一个更理想的架构。