重新打开页面时没有运行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

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