Wie deklariert man eine gemeinsame Variable für Jquery und Angular 2 Typescript

Question

Ich muss Wert von jquery speichern und in Typoskript-Funktion verwenden.

somevaiable = jQuery (this) .closest ('li'). Attr ('id')

Answer 1

Diese Art der Codierung ist nicht zu fördern durch Angular 2.

Aber wenn Sie wirklich tun wollen es können Sie es im Skript-Tag des HTML-Dokuments erklären, nach, dass es in Ihrer Typoskript-Datei wie folgt verwendet werden:

declare var somevaiable:any; 
 

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

Aber diese Art der Codierung ist nicht ermutigend, Sie wollen sogar nicht den HTML-Code der Angular-App so ändern.

Dies ist eine Warnung von Angular.io Website:

auf direkten Zugang zum DOM schafft Berufung enge Kopplung zwischen der Anwendung und Rendering-Schichten, die es unmöglich machen, werden die beiden zu trennen und Ihre Anwendung in eine Web bereitstellen Arbeitnehmer.