반투명 격리 지시문 컨트롤러 모델이보기에서 액세스 할 수 없음

Question

!!!!!!!!!! 이전 질문

code (구식 인)을보십시오. 템플릿이있는 격리 된 지시문은 작동하지만보기에서 액세스하는 지시문은 작동하지 않습니다.

---

는 새로운 하나

나는 같은 plunk 사용하고 난 내 지시어에, 그러나 그것은 여전히 ​​작동하지 않는 transclution를 사용하는 앤드류 아이젠 버그의 제안을 듣고있다.

HTML

<p isolate-with-template></p> 
<p isolate-with-transclude>Hello World {{vm.hi}}</p> 

JS

angular.module('app',[]) 
.directive('isolateWithTemplate',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope:{}, 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    }, 
    template: "{{vm.hi}}" 
    } 
}) 
.directive('isolateWithTransclude',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope: {}, 
    transclude: true, 
    template: "<div ng-transclude></div>", 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    } 
    } 
}) 

Answer 1

문제는 당신이 지침의 내부에 컨텐츠를 추가 할 때의 매개자되지 않는다는 점이다 isolateWithoutTemplate

Answer 2

에 scope: true,에 scope: {}, 교체 , 그 내용 지시문에 의해 덮어 씁니다.

템플릿이없는 지침의 경우 모든 내용이 제거됩니다. {{vm.hi}}을 임의의 텍스트로 바꾸면이 내용을 볼 수 있으며 표시되지 않는다는 것을 알 수 있습니다.

보기에 vm을 포함하려면 transclude 속성을 지시문 정의에 추가하여 코드를 제거해야합니다. 템플릿을 추가해야하지만 비어있을 수도 있습니다. how to use transclude is available in the angular docs에 대한 자세한 정보.