'This' 在 Angular 和 Jquery 中发生冲突答案

【问题标题】：'This' conflicts in angular and Jquery'This' 在 Angular 和 Jquery 中发生冲突
【发布时间】：2022-01-13 03:44:12
【问题描述】：

我正在尝试将 angularjs 应用程序迁移到 angular。旧应用程序具有 jquery 功能。我尝试使用相同的。 'this' 元素的问题。

当以角度加载时，角度需要'this'元素有它的组成部分，而jquery'this'元素不显示。

感谢任何帮助！！！

【问题讨论】：

在 Angular 中你根本不应该使用 jquery。 Angular 有自己的选择元素和操作 DOM 的方法。对于您的特定用例，您可以在模板中使用 [ngClass] 来应用您想要的样式，也可以使用 Renderer2 类。 angular.io/api/core/Renderer2
@MichaelRentmeister - 我同意在 Angular 中使用 jquery 是不可取的。正如我所说，我正在迁移一个 angularjs 项目，其中所有内容都用 jquery 编写。我想用同样的。我尝试在 ngoninit 中调用 jquery dom，它按预期工作。只是 'this' 运算符对于 angular 和 jquery 很常见。它混淆了。有什么想法吗？？
我知道您正在转换它，但如果您要转换它，那么您应该使用支持的 Angular 方式。如果你沿着你所遵循的道路前进，你会遇到许多其他问题。
问题是与此结合的箭头函数。所以使用e.target

【解决方案1】：

只需将click 中的箭头函数替换为function。

在箭头函数主体内使用this 不会创建新的词法上下文，因此是您的结果。

在 jQuery 方法中，例如 click，您需要使用函数表达式来允许词法上下文 this 绑定到当前 dom 元素。

关于this、http://perfectionkills.com/know-thy-reference 的重要阅读，关于箭头函数及其陷阱的规范也很有用。

【讨论】：