Как связать переменные с перераспределенной частью

Question

Как связать переменные из области действия директивы в преобразованный шаблон?

app.directive('foo', function(){ 
    return { 
     restrict: 'E', 
     transclude: true, 
     template: '<div ng-transclude></div>', 
     link: function (scope) { 
      scope.num = 5; 
     } 
    } 
}) 

<div ng-app="app"> 
    <foo> 
     {{num}} 
    </foo> 
</div> 

Answer 1

У вас отсутствует модуль приложения. Также я добавил modified класс, чтобы вы могли видеть, что шаблон применяется:

var app = angular.module("app", []); 

app.directive('foo', function(){ 
    return { 
     restrict: 'E', 
     transclude: true, 
     template: '<div class="modified" ng-transclude></div>', 
     link: function (scope) { 
      scope.num = 5; 
     } 
    } 
}); 

См plnkr: http://plnkr.co/edit/x9NE6A4kkqspKbO08yhq?p=preview