Javascript 如何将变量绑定到转置部分

如何将指令范围中的变量绑定到转包模板中

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>

app.directive（'foo'，function（）{
返回{
限制：'E'，
是的，
模板：“”，
链接：功能（范围）{
scope.num=5；
}
}
})
{{num}}

您缺少一个应用程序模块。此外，我还添加了一个

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;
        }
    }
});

var-app=angular.module（“app”，[]）；
应用程序指令（'foo'，函数（）{
返回{
限制：'E'，
是的，
模板：“”，
链接：功能（范围）{
scope.num=5；
}
}
});

参见plnkr: