【问题标题】:Angular app only loads on page refreshAngular 应用仅在页面刷新时加载
【发布时间】:2015-07-10 14:34:35
【问题描述】:

我正在构建一个 wordpress 网站,其页面是一个 Angular 应用程序。它直到最近才起作用(我不记得是哪个更改破坏了它),但是现在当我通过链接到达页面时应用程序没有加载(加载了角度并且处理了下面的代码 sn-p,但什么都没有记录),但如果我刷新页面,它确实有效

我已经退出了所有真正的代码离开:

angular.module("af2015App", [])
.controller("TestCtrl", function() {
    console.log("test test");
});

并注释掉 HTML 中的所有内容,除了

<div ng-app="af2015App" class="app">
    <p ng-controller="TestCtrl">Use the ...!</p>
</div>

我不知道如何调试这些情况。我通过 AJAX 加载页面。

【问题讨论】:

  • 正如@Arno_Geismar 所指出的,您没有关闭此摘录的 div 标签,您可以发布所有相关代码吗?你如何在文档上调用角度?
  • 它由 WordPress 在正文末尾加载。正如我所说,问题是通过页面链接而不是刷新时要寻找什么
  • 尝试在 元素中调用 Angular(如果你使用 wordpress,则使用 wp_head())。
  • 在我的情况下,我不得不从 chrome 切换到 mozila 或 edge 并使用镍

标签: angularjs wordpress


【解决方案1】:

感谢大家的想法。我又进行了一次调试,发现即使在使用 angular 关闭脚本标签后,仍然存在 angular。这让我想到了看看 Batarang,在停用它之后,一切都恢复了。也许这个答案有一天会帮助某人。不用说,我不知道根本问题是什么。

【讨论】:

    【解决方案2】:

    看看这个笨蛋 working plunker

    在查看您的代码时,我唯一能想到的就是您没有关闭 div 标签 虽然这可能只是一个编辑错误 否则将您的 ng-app 定义移动到您的 html 标记

        <html ng-app="af2015App">
          <head> 
             //make sure your scripts are loaded correctly
    
             <script src="path/to/angular.js"></script>
             <script src="path/to/app.js"></script>
             <script src="path/to/controller.js"></script>
          </head>
            <div class="app">
                <p ng-controller="TestCtrl">Use the ...!</p>
            </div>
        </html>
    

    【讨论】:

    • 感谢您的想法。我只是懒得在 sn-p 中包含div - 它就在那里。我尝试移至 html 标签,但这并没有改变任何东西。我很沮丧。我怀疑我将不得不从头开始并逐个添加内容
    • 如何在文档中调用 angular?
    • @Simon H 在我的文档中我添加了一个脚本标签我更新了我的答案
    • 你错过了body标签;)
    猜你喜欢
    • 2015-09-01
    • 1970-01-01
    • 2012-03-07
    • 2023-03-25
    • 1970-01-01
    • 2020-12-26
    • 2015-11-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多