2013-12-23 2 views
0

각도 지시문에 대해 배우고 여기에 제공된 예제 (http://docs.angularjs.org/guide/directive)를 따르려고 시도하면서 아래 코드를 작성했습니다. 컨트롤러의 범위에있는 데이터가 지시문에서 읽히지 않는다고 잘못 생각하는 사람은 누구입니까? 사이트는 그것에 대해 아무것도 말하지 않는다! 그리고 코드를 실행할 때 오류가 없으며 단지 데이터를 표시하지 않습니다. 도와주세요.AngularJS 지시어가 컨트롤러에서 데이터를 읽지 않습니다.

  //My Html 
      <!DOCTYPE html> 
      <html data-ng-app="MyApp"> 
      <head> 
      <title>Angular Directives</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
      </head> 
     <body > 
     <div data-ng-controller = "MyCtrl"></div> 
     <div data-template-expanding-directive></div> 

     <script src="lib/angular.js"></script> 
     <script src="js/templateExpandingDirective.js"></script> 
     </body> 
     </html> 

      //My JS 
      'use strict'; 

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

      myapp.controller('MyCtrl',['$scope',function($scope){ 
       $scope.customer = { 
        name: "Jenny", 
        place: "England" 
       }; 
        }]) 
       .directive('templateExpandingDirective',function(){ 
         return { 
        template: 'Name: {{customer.name}}' 
        }; 
       }); 

안부 지시어 컨트롤러 범위에서 현재

답변

0

. 따라서 컨트롤러 범위 안에 지시문이 있어야합니다. html로는 다음과 같이해야한다 -

<div data-ng-controller = "MyCtrl"> 
     <div data-template-expanding-directive></div> 
</div> 

당신은 당신이 한 번 더 부모 'DIV'요소가 수 있습니다 컨트롤러 div 요소 내부의 지시문 요소를 이동 또는 글로벌 루트 범위에서 데이터에 액세스하지 마십시오.

+0

오, 내 잘못! 고마워요! – 5122014009

관련 문제