JQuery到Angular-Typescript

Question

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

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

这是另一个样本。

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

请建议我如何在Typescript中编写它们。 Angular 7

Answer 1

来自维基百科：

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

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

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

Answer 2

正如@Stefan所提到的，同样适用于打字稿。

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

如果要有条件地添加样式和类，可以使用角度的ngStyle和ngClass指令。

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