директива сфера связывания внутри Dóm не работает

Question

Я создал одну директиву

angular.module('MyApp') 
    .directive('testme', testme); 

function testme() { 
     return { 
      restrict: 'E', 
      scope: { 
       items: '=', 
       testval: '=' 
      }, 
      template: '<div class="testclass"><div ng-transclude></div></div>', 
      transclude: true, 
      link: function (scope, element, attrs) { 

      } 
     } 
    } 

В Мой контроллер у меня есть

$scope.myvalues = {"name":"someting"}; 

HTML

<testme items="myvalues"> 
{{items.name}} <!-- this is not working --> 
</testme> 

Я знаю, что непосредственно поместить это в шаблоне , Я просто хочу знать, почему его не работает внутри DOM, Как исправить

Answer 1

Функция должна быть в рамках директивы

angular.module('App5') 
 
    .directive('testme', testme, function testme() { 
 
     return { 
 
      restrict: 'E', 
 
      scope: { 
 
       items: '=', 
 
       testval: '=' 
 
      }, 
 
      template: '<div class="testclass"><div ng-transclude></div></div>', 
 
      transclude: true, 
 
      link: function (scope, element, attrs) { 
 

 
      } 
 
     } 
 
    });

Answer 2

Существует небольшая опечатка здесь, она должна быть

<testme items="myvalue"> 
{{items.name}} <!-- this is not working --> 
</testme> 

В $ объеме вы объявляете $ объем .myvalue = {"name": "someting"}; но в директиве атрибут используется

<testme items="myvalues"> 

Таким образом, вы должны использовать

<testme items="myvalue">