Angularjs - get Körperelement innerhalb der Direktive

Question

Wie erhalten Sie body Element in Winkelanweisung? Mein Ziel ist es, zu tun, was man mit jquery $('body').innerWidth(); innerhalb der Direktive tun. Ich möchte nicht jQuery, sondern eckige integrierte jqlite-Implementierung verwenden.

Answer 1

Wenn Sie das Körperelement zugreifen müssen innerhalb einer Richtlinie, die auf einem anderen Element angelegt wird, können Sie die Verwendung des $document Dienst wie so ..

app.directive("myDirective", function($document) { 
    return function(scope, element, attr) { 
    var bodyWidth = $document[0].body.clientWidth; 
    console.log("width of body is "+ bodyWidth); 
    }; 
}); 

<button my-directive>Sample Button</button> 

Sie können auch verwenden, um die Methoden DOM Traversal machen können in jqLite bereitgestellt (obwohl sie viel weniger mächtig sind als das, was jQuery anbietet). Sie können beispielsweise eine rekursive Suche mit der Methode angular.element.parent() durchführen, um das body-Tag zu suchen.

Answer 2

Eine weitere Variation mit der find() Implementierung, die in Winkeln des jQLite enthalten ist:

app.directive("myDirective", function() { 
    return function(scope, element, attr) { 

    var body = angular.element(document).find('body'); 
    console.log(body[0].offsetWidth); 

    }; 
});