격리 된 범위 지시문의 로컬 데이터

Question

첫 번째 지시문 중 하나를 쓰고 있는데 지시문의 범위에 일부 스텁 데이터를 만들고 싶습니다. 여기

지시문입니다 :

angular.fraskDirectives.directive("recipientsSelector", [ 

    function() { 
     return { 
      restrict: "E", 
      replace: true, 
      scope: { 
      recipients: "=", 
      theText: "test", 
      users: [{ 
       username: "aaa" 
      }, { 
       username: "aab" 
      }, { 
       username: "abb" 
      }, { 
       username: "bbb" 
      }, { 
       username: "bbc" 
      }] 
     }, 
     templateUrl: "partials/recipientsSelector.html" 
    }; 
    } 
]); 

을 여기 템플릿입니다 :

<div> 
<div contenteditable> 
    <p>{{theText}}</p> 
</div> 

<ul class="suggestions"> 
    <li ng-repeat="user in users"> 
     {{user.username}} 
    </li> 
</ul> 

그러나도 "텍스트"필드 나 사용자 필드가 바인딩되지 않습니다. 나는 ul이 비어 있고 {{text}}이 페이지에서 "{{text}}"처럼 보입니다.

내 지시문의 분리 된 범위에서 로컬 데이터를 어떻게 만들 수 있습니까?

감사

Answer 1

,이 지침 이외의 어떤 것에도 구속되지 않은 경우에만 "로컬"데이터 범위를 채울 아래와 같이 링크 기능을 사용하려면 :

angular.fraskDirectives.directive("recipientsSelector", [ function() { 
    return { 
     restrict: "E", 
     replace: true, 
     scope: { 
      recipients: "=" // note that theText and users are missing 
     }, 
     templateUrl: "partials/recipientsSelector.html", 
     link: function (scope, elem, attrs) { 
      scope.theText = "test"; 
      scope.users = [{ 
       username: "aaa" 
      }, { 
       username: "aab" 
      }, { 
       username: "abb" 
      }, { 
       username: "bbb" 
      }, { 
       username: "bbc" 
      }]; 
     } 
    }; 
}]); 

대안은을 할당하는 것 컨트롤러를 지시문에 추가하고 컨트롤러의 범위를 채 웁니다.