如何为jquery和Angular 2 Typescript声明一个公共变量

Question

我必须存储来自jquery的值并在typescript函数中使用。

somevaiable = jQuery的（本）.closest（＆＃39;利＆＃39;）ATTR（＆＃39; ID＆＃39）

Answer 1

Angular 2不鼓励这种编码。

但是如果你真的想这样做，你可以在你的HTML文档的脚本标签中声明它，然后在你的打字稿文件中使用它，如下所示：

declare var somevaiable:any;

class MyClass {
  
  onClick() {
    $(somevaiable).hide();
  }
}

但是这种类型的编码不鼓励，你甚至不想像这样修改Angular app的html。

这是Angular.io网站的一个警告：

  

依靠直接DOM访问会在您的应用程序和渲染层之间产生紧密耦合，从而无法将两者分开并将您的应用程序部署到Web工作者。