각도 지침 속성 속성이

Question

나는 그것이 NG 반복 지시자 내부에 정의되어 자체의 요소 지시어에 정의 된 개체 속성이 정의되지 않은 객체 :

<div ng-repeat="element in array"> 
    <my-directive el-sel="{{element}}> 
     <something else> 
    </my-directive> 
</div> 

을 그리고 이것은 myDirective입니다 :

app.directive('myDirective',function(){ 
    return { 
    restrict:'E', 
    scope: false, 
    link: function($scope,$element,$attrs){ 

     console.log('element:' + JSON.stringify($attrs.elSel)); 
     console.log('href: ' + $attrs.elSel.href); 

    } 
    } 
}); 

콘솔 결과는 다음과 같습니다

element:"{\"name\":\"a name\",\"href\":\"#something\"}" 
href: undefined 

누군가가이 동작하고 뭐를 설명시겠습니까 내가 잘못하고있는거야?

Answer 1

문자열로 {{element}}을 전달 중입니다.이 값은 {{variable}}입니다.

단기적으로

,이 문제를 해결할 것입니다

var app = angular.module('app', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.something = { 
 
    name: 'a name', 
 
    href: '#somewhere' 
 
    }; 
 
}); 
 

 
app.directive('myDirective', function() { 
 
    return { 
 
    restrict: 'E', 
 
    scope: { 
 
     elSel: '=' 
 
    }, 
 
    link: function($scope, $element, $attrs) { 
 
     console.log($scope.elSel) 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="MainCtrl"> 
 
    <my-directive el-sel="something"> 
 
    </my-directive> 
 
</div>