Директива AngularJS, не считывающая данные с контроллера

Я пытаюсь узнать о угловых директивах и следуя приведенному здесь примеру (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}}' 
        }; 
       });

Привет

источник

2013-12-23 5122014009

директива в настоящее время выходит за рамки контроллера. Поэтому вам нужно иметь директиву внутри области контроллера. HTML должен быть, как это -

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

Если вы не двигаетесь директива элемента внутри сНа элемента контроллера, то вы можете иметь более одного родитель элемента «DIV» или получить доступ к данным из глобальной корневой области.

источник

2013-12-23 05:41:18

О, мое плохое! Большое спасибо! – 5122014009

Директива AngularJS, не считывающая данные с контроллера

ответ

Смежные вопросы