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,这是一个更理想的架构。
相关文章:
- 正在注入包含JS的HTML
- 使用Javascript生成包含JSP的HTML
- 将插件制作的Javascript包含到html按钮中
- 如何使用JQuery在HTML中创建包含字符串参数的引号的onclickjavascript链接
- 将包含SVG元素的HTML转换为图像文件
- 如何在另一个html文件的框架中包含图像
- HTML标记,包含带引号的JavaScript代码中的引号
- <text区域>在我的html中包含event.keycode==13之后,wrap就不起作用了
- 错误 403(禁止),当 HTML 包含 CSS 和 JS 等资源时
- 如何使用jQuery将两个html包含在另一个html中
- 重新加载页面,直到 HTML 包含给定的字符串
- HTML 包含多行的表的多级展开折叠速度很慢
- Html包含在jQuery中
- 如何将HTML包含到可编辑占位符中
- JQuery HTML不终止字符串文本错误如果HTML包含空格
- 警告:页面index.html包含不安全的内容
- 如何在node.js中使用静态html包含外部js
- Html包含另一个带有onclick的Html javascript在页面加载后不起作用
- 如何使用Javascript/Jquery/HTML包含不同的HTML页面
- 嵌入式HTML包含未被调用的JavaScript函数