javascript - 重新打开页面时，Angular 脚本未运行

Question

这是我制作的第一个网站:http://moneyforkids.ca/old

我遇到了一个我似乎无法解决的问题。

如果您访问证书页面，您应该能够在证书上输入您的姓名。但是，如果您单击其他选项卡然后返回到证书选项卡，则无法在证书上键入您的姓名。相反，您只会在其中看到 {{ name }} ，这告诉我 Angular 脚本没有运行。

这是我执行 Angular 脚本的代码:http://moneyforkids.ca/old/js/index.js

编辑:我通过将 index.js 文件更改为:

实现了预期的行为

$( function() {

$('nav a').on('click', function(e) {                 // User clicks nav link
  e.preventDefault();                                // Stop loading new link
  var url = this.href;                               // Get value of href

  $('nav a.current').removeClass('current');         // Clear current indicator
  $(this).addClass('current');                       // New current indicator

  $('#content').remove(); 
  $('#container').load(url + " #content").hide().fadeIn('slow'); // Load content with AJAX



  if (url.slice(-13) == "practice.html") {
    $.getScript("js/practice.js");
    $.getScript("js/ui-spinner-behaviour.js");

  } else if (url.slice(-16) == "certificate.html") {
    $.getScript("js/certificate.js");
    $.getScript("js/ui-spinner-behaviour.js");
    $('#angular').remove(); //Remove any previous angular script tag
    $('<script id="angular" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>').insertAfter('section'); // Reload the script
  } else {
        $.getScript("js/repeatPictures.js");
  }
}); 
})

上面更新的 .js 文件修复了网站。您可以通过删除网站地址末尾的/old 来查看新版本的网站，没有问题(我不能发布超过 2 个链接)。

但是，我不明白为什么这可以解决问题!

Answer 1

这不是 Angular 混淆，而是你的代码。您正在单击时加载 Angular ，然后您需要在第二次单击时检查 Angular 是否已加载，然后不要再次加载它。如果您注意到，当您在“证书”选项卡上单击一次时，没有 **{{name}}** 但下次您再次单击该选项卡时， Angular 会分解，您会看到 * *{{名称}}**