JQuery 到 Angular-Typescript答案

【问题标题】：JQuery to Angular-TypescriptJQuery 到 Angular-Typescript
【发布时间】：2019-07-06 00:58:36
【问题描述】：

我有下面的一段代码，我正在寻找各种方法来将它们转换成打字稿，但找不到方法。请建议我将如何实现此功能

$('html').addClass('abc');
$(".abc .wrap").css("height", hieght - 70);

这是另一个示例。

$("#Box").css("index", "");
$("#mID").css("index", "");

请建议我将如何在 Typescript 中编写它们。角度 7

【问题讨论】：

我认为如果你更明确，你会得到更好的答案。你问如何在 TypeScript 中使用 jQuery？您是否在问如何将 jQuery 代码转换为惯用的 Angular 代码？您对问题的描述越具体，能够提供帮助的人就越多:)
"你在问如何将 jQuery 代码转换为惯用的 Angular 代码吗？"这就是我想要实现的，上面提到的代码在 Jquery 中，我需要用 Angular7 打字稿编写。请提出建议。
任何想法如何实施

标签： jquery angular typescript angular7 typescript1.8

【解决方案1】：

正如@Stefan 提到的，打字稿也有同样的作用。

但是，如果你不想使用 jquery，那么你可以为 html 元素使用普通的样式和类属性

如果您想有条件地添加样式和类，可以使用 angular 中的 ngStyle 和 ngClass 指令。

另外，您可以使用query selector 方法

【讨论】：

dileep，感谢您的回复。你有一个可以帮助我的示例代码吗？会有很大帮助的
@Amit。这是我的荣幸。这有帮助吗？
没有 dileep，我对您建议的方法感到困惑。我正在为这种实现寻找打字稿中的方法。
首先，告诉我一件事。您希望有条件地添加类吗？
是的。必须设置一些条件。

【解决方案2】：

来自维基百科：

由于 TypeScript 是 JavaScript 的超集，现有的 JavaScript 程序也是有效的 TypeScript 程序。

https://en.wikipedia.org/wiki/TypeScript

所以您的 javascript 是有效的打字稿代码。如果您想将其添加到您的应用程序中，您可以通过将其放入 *.js 文件（无需执行任何打字稿）并将其添加到 angular.json 中的 scripts 来实现。阅读更多：https://github.com/angular/angular-cli/wiki/stories-global-scripts

【讨论】：