如何将变量绑定到transcluded部分

Question

如何将变量从指令的作用域绑定到transcluded模板？

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