부모 범위에 대한 액세스를 유지하면서 사용자 지정 지시문에서 요소 특성에 액세스하는 방법은 무엇입니까?

Question

필자가 만든 지침의 부모 범위에 기본적으로 액세스 할 수 있기를 원하지만 요소에 배치 한 특성에 액세스 할 수 있기를 원합니다.

예를 들어

관련 JS

app.directive('testDirective', function(){ 
    return { 
     restrict:"E", 
     templateUrl:"directive.html", 
     scope:{ 
      testAttribute: '=' 
     } 
    }; 
}); 

app.controller('mainCtrl', function($scope){ 
    $scope.name = 'henry' 
} 

index.html을

<div ng-controller="mainCtrl"> 
    <test-directive test-attribute="Hello"></test-directive> 
</div> 

directive.html

{{testAttribute}} 
{{name}} 

출력이 "안녕하세요"대신

"안녕하세요 헨리"의입니다 그래서 명확하게 rify, 내가 할 수 있기를 원하는 것은 속성과 부모 범위에 액세스하는 것입니다.

Answer 1

당신이하려는 일에 양방향 바인딩이 필요하지 않습니다. 속성으로 지정된 텍스트에 액세스하려고합니다. 당신은 귀하의 지침을 작성할 수 있습니다 - 지시어 설정 지금 여기

.directive('testDirective', function(){ 
    return { 
     restrict:"E", 
     //scope:true, //apply if required 
     templateUrl:"directive.html", 
     link:function(scope, elm, attrs){ 
      scope.testAttribute = attrs.testAttribute; //Get it from attributes 
     } 
    }; 
}); 

Demo

범위 속성은 부모 범위 자체를 사용하는 것입니다. 그러나 이상적인 시나리오에서는 scope:true (상위의 하위 범위) 또는 2 way binding 위트 격리 범위를 사용할 수 있습니다. 그러나이 시점에서, 원래 목표가 무엇인지 확실하게 알지 못했기 때문에 귀하의 질문에 기반한 해결책입니다.

그래서 요약 : -

은 내가

가 분리 된 범위를 제거하고 단지 부모의 범위를 사용 만든 지침의 부모 범위에 액세스 할 수 있어야합니다.

하지만 요소에 배치 한 속성에 액세스 할 수 있기를 원합니다.

attrs 링크 함수의 인수 (attrs.testAttribute)를 사용하십시오. 바운드 값으로 평가하려면 do (scope.$eval(attrs.testAttribute))