【问题标题】:AngularJS - include code in outside JS file or within the HTML?AngularJS - 在外部 JS 文件或 HTML 中包含代码?
【发布时间】:2015-09-27 19:24:15
【问题描述】:

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

我遇到了 PHP 在页面上加载变量并使用 AngularJS 引用这些变量的问题,方法是将它们放置在隐藏标签中并抓取它或将代码放在脚本标签的底部。

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

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

感谢您的帮助,

卡梅隆。

【问题讨论】:

    标签: javascript php html angularjs


    【解决方案1】:

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

    规范是使用外部文件。

    然而,任何用于保存 html 模板的脚本标签都存在差异。

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

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

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

    【讨论】:

    • 如何将主页中的变量(数据)引用到 JS 文件中?
    • 不是 100% 确定你的意思...一个带有 var 的脚本标签,由 php 编写?
    【解决方案2】:

    脚本标签示例纯粹是为了简洁。我个人永远不会将脚本标签放入生产代码中,它很容易被忽视。好的文件结构有很多话要说。

    使用 PHP 将变量呼应到您的标记中并不是 IMO 的好方法。

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

    如果您正在开发一个生产 Web 应用程序,该应用程序提供静态标记和脚本,进而访问单独的 API,这是一种更理想的架构。

    【讨论】:

      猜你喜欢
      • 2017-12-22
      • 2015-10-17
      • 2012-07-27
      • 2018-04-01
      • 2013-04-12
      • 1970-01-01
      • 1970-01-01
      • 2011-12-14
      • 2019-03-08
      相关资源
      最近更新 更多