Angular node_modules:正确包含 JQuery 并防止 "window is not defined" 错误
Angular node_modules: Including JQuery properly with also preventing the "window is not defined" error
我打开这个问题与 严格相关。
作为对链接问题的故障排除,我需要找出如何在我的 angular 应用程序中包含 jquery(我需要它是因为 bootstrap)但要确保它不会导致上述问题中提到的 "window is not defined" 错误。
"window" javascript 函数的使用 jquery 实际上对使用 webpack 的服务器端渲染造成了几个问题。
有谁知道如何以正确的方式将 JQuery 包含在 Angular 应用程序中(在 JQuery 用法之前定义 "Window" or/and 将其排除在外服务器渲染)?
或者是否有任何节点库可以帮助提供 "window" 的声明?
提前致谢!
不要将 jQuery 包含在 Angular 中。曾经。这两个库以 非常 不同的方式实现相似的功能。 jQuery 操纵 DOM,但 Angular 会在数据源更改时动态生成并重新生成它。这两个家伙只会互相干扰并且交互很差,导致大量的黑客攻击和变通方法,从而产生笨拙且无法维护的代码。更不用说您必须加载两个库而不是一个。
使用 jQuery 或 Angular,切勿同时使用。
如果您从 jQuery 切换到 Angular 并且您习惯了 jQuery 插件 - 在您的情况下,Bootstrap 更具体地说 - 大多数jQuery 的插件有一个 Angular 等效项。 Bootstrap也不例外,你可以试试ng-bootstrap here.
我打开这个问题与
作为对链接问题的故障排除,我需要找出如何在我的 angular 应用程序中包含 jquery(我需要它是因为 bootstrap)但要确保它不会导致上述问题中提到的 "window is not defined" 错误。
"window" javascript 函数的使用 jquery 实际上对使用 webpack 的服务器端渲染造成了几个问题。
有谁知道如何以正确的方式将 JQuery 包含在 Angular 应用程序中(在 JQuery 用法之前定义 "Window" or/and 将其排除在外服务器渲染)?
或者是否有任何节点库可以帮助提供 "window" 的声明?
提前致谢!
不要将 jQuery 包含在 Angular 中。曾经。这两个库以 非常 不同的方式实现相似的功能。 jQuery 操纵 DOM,但 Angular 会在数据源更改时动态生成并重新生成它。这两个家伙只会互相干扰并且交互很差,导致大量的黑客攻击和变通方法,从而产生笨拙且无法维护的代码。更不用说您必须加载两个库而不是一个。
使用 jQuery 或 Angular,切勿同时使用。
如果您从 jQuery 切换到 Angular 并且您习惯了 jQuery 插件 - 在您的情况下,Bootstrap 更具体地说 - 大多数jQuery 的插件有一个 Angular 等效项。 Bootstrap也不例外,你可以试试ng-bootstrap here.