Welcher Objekttyp ist der Instanzelementparameter, der in die Linkfunktion einer Winkelanweisung übergeben wird?

Question

Ich verwende Typoskript mit eckigen und versuchen, eine benutzerdefinierte Anweisung zu erstellen. Ich versuche, alle meine Parametertypen anzugeben, bin mir aber nicht sicher, welchen Typ das Objekt hat, das den $ -Elementparameter durchläuft. Ist es JQuery-Typ? Oder irgendein Elementtyp?

Im Anweisung Code möchte ich $ Element mit einem d3 Selektor verwenden. (d. h. d3.select ($ element)) Zur Zeit funktioniert die d3 selection-Anweisung nicht, weil der Elementtyp $ nicht von d3 erwartet wird. (Ich verwende eine Typoskript Schnittstelle für d3 als auch.)

var directiveDefinitionObject : ng.IDirective = { 
     restrict: 'E', 
     replace: false, 
     scope: { data: '=chartData' }, 
     link: ($scope: ICustomScope, $element: <WHAT_TYPE?>) => { 
      d3.select($element); // d3.select(node) 
     } 
    }; 

Answer 1

$element in der link Funktion einer Richtlinie hat den Typ ng.IAugmentedJQuery. Wenn Sie jQuery einschließen, erhalten Sie die jQuery-Funktionen unter $element, ohne dass jQuery dann Angular jqLite bereitstellt. See here für weitere Informationen.

Die link Funktion in ng.IDirective ist definiert als:

link?: (scope: IScope, 
     instanceElement: IAugmentedJQuery, 
     instanceAttributes: IAttributes, 
     controller: any, 
     transclude: ITranscludeFunction 
     ) => void;