how to obtain $attr manually in angular

问题

I want to know how I might manually obtain the attribute from the linkFn call back.

e.g. if I want scope, I do,

angular.element(element).scope()

controller

angular.element(element).controller('ngModel')

how about for attr.

回答1:

In the parent controller I suppose you could access the attributes object after first assigning it to a scope property in the directive:

<div ng-controller="MyCtrl">
    <div my-directive attr1="one">see console log</div>
</div>

app.directive('myDirective', function() {
    return {
        link: function(scope, element, attrs) {
            scope.attrs = attrs
        },
    }
});

function MyCtrl($scope, $timeout) {
    $timeout(function() {
        console.log($scope.attrs);
    }, 1000);
}

fiddle

回答2:

Use instances of the $compile and $rootScope services, call $digest, then access attr and attributes:

/* template string */
var html = "<div>ID: {{$id}}</div>";
/* template element creation */
var template = angular.element(html);
/* compile instance */
var compiler = angular.injector(["ng"]).get("$compile");
/* rootScope instance */ 
var scope = angular.injector(["ng"]).get("$rootScope");
/* template compilation */
var linker = compiler(template)(scope);
/* digest cycling */
scope.$digest();
/* scope linking */
var result = linker(scope)[0];
/* attr method */
linker.attr("class");
/* attribute property */
result.attributes;

References

NPM: Angular Node
AngularJS Source: injector.js
Tao of Code: Studying the Angular injector - the twin injectors
The life and times of the angular provider
AngularJS API: $compile.directive.Attributes

来源：https://stackoverflow.com/questions/16697113/how-to-obtain-attr-manually-in-angular

标签

angularjs

attributes

directive