Angularjs - pobierz element wewnątrz dyrektywy

Question

Jak uzyskać element body w dyrektywie kątowej? moim celem jest zrobienie tego, co robię z jquery $('body').innerWidth(); wewnątrz dyrektywy. Nie chcę używać jquery, ale kątowej wbudowanej implementacji jqlite.

Answer 1

Jeśli chcesz uzyskać dostęp do elementu ciała od wewnątrz dyrektywy, która nakłada się na inny element, można skorzystać z usługi $document jak tak ..

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> 

Można też użyć metod DOM przemierzania dostarczane w jqLite (choć są one znacznie mniej wydajne niż oferowane przez jQuery). Na przykład można wykonać rekursywne wyszukiwanie przy użyciu metody angular.element.parent(), aby znaleźć znacznik body.

Answer 2

Jeszcze jeden wariant z użyciem realizację find() który znajduje się w kątowym za jQLite:

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

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

    }; 
});