как получить необработанное значение директивы углового атрибута

Question

Я хочу, чтобы получить сырое значение атрибута директивы, но он держит retrieveing ​​имени буквального атрибута вместо исходного значения

--html

<input my-directive="5==5" /> 
<div my-directive="isFoodReady()"> 
    <!--some content--> 
</div> 

- -JS

myModule.directive('myDirective',function(){ 
    restrict: 'A', 
    priority: 0, 
    link:function(scope,element,attr){ 
     console.log(attr.myDirective); 
     //displays "5==5","isFoodReady()" instead of true 
    } 
}); 

Answer 1

Здесь он работает

angular.module('app', []) 
 
    .directive('myDirective', function() { 
 
    return { 
 
     restrict: 'A', 
 
     priority: 0, 
 
     link: function(scope, element, attr) { 
 
     console.log(eval(attr.myDirective)); 
 
     } 
 
    } 
 
    }); 
 

 
function isFoodReady() { 
 
    return true; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
<input my-directive="5==5" /> 
 
<div my-directive="isFoodReady()"> 
 
    <!--some content--> 
 
</div> 
 
</div>

Имейте в виду, используя Eval является чрезвычайно опасным и страшная практика в целом. Вы не должны запускать javascript вне атрибута директивы, так как он оставляет ваш код открытым даже для простых методов инъекции кода.

Я настоятельно рекомендую вам посетить https://xss-game.appspot.com/, чтобы увидеть, что я имею в виду

Answer 2

попробовать console.log(eval(attr.myDirective));