javascript - 在 Angular 模板中包含脚本标记导致 "Synchronous XMLHttpRequest..."错误的解决方案感觉很脏

标签 javascript angularjs

*免责声明:我是 Angular 菜鸟。

这更像是一个风格/标准问题。我有一个 AngularJs SPA 应用程序,其中每个模板页面都有一些与模板上的元素关联的 JavaScript。

如果我在index.html中加载js,则会出错,因为它绑定(bind)到的元素尚未加载。

如果我用<script>加载模板文件底部的js标记,它似乎作为同步请求执行,因为我在控制台中收到“Synchronous XMLHttpRequest is deprecated”错误。

The solution使用 $.getScript(url);之前提供过,这似乎确实有效。

但是,多年的编码经验告诉我,当您必须破解类似的东西时,您可能违反了某些设计规则。

当所述 javascript 绑定(bind)到该模板上的元素时,是否有一些关于何时/何处/如何在 Angular 模板中包含 javascript 的设计指南?

最佳答案

对于任何 dom 相关的代码,请使用指令。这确保了指令绑定(bind)到的元素在代码运行时存在,并且将为该指令的每个实例运行

关于javascript - 在 Angular 模板中包含脚本标记导致 "Synchronous XMLHttpRequest..."错误的解决方案感觉很脏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39496026/

相关文章:

javascript - Jquery UI Datepicker - 如何使用 jquery/javascript 突出显示多个日期 bgcolor

javascript - ASP.NET,JavaScript : silly annoying apostrophe problem

jquery - 如何从 AngularJS 调用 jQuery

php - Angularjs CRUD 应用 PUT 方法不起作用

javascript - AngularJS:如何替换#39;和放大器;带撇号和空白

javascript - 尝试在 Fancybox 回调中调用 CoffeeScript 方法时出现范围问题

javascript - 将 URL 字符串中的变量从 javascript 发布到 PHP (AJAX)

javascript - Angular 中的根元素是什么?

angularjs - 如何测试模块的运行 block

javascript - 找不到 Chrome webkitNotification : api missing