В Angular 2 я хочу поместить строку ng-content
в ngFor
внутри моего компонента. Но проблема в том, что мне нужно передать некоторые данные в включенный элемент.
Я нашел следующее решение для AgularJS:
http://plnkr.co/edit/aZKFqPJmPlfTVRffB0Cc?p=preview
.directive("foo", function($compile){
return {
scope: {},
transclude: true,
link: function(scope, element, attrs, ctrls, transclude){
scope.items = [1, 2, 3, 4];
var template = '<h1>I am foo</h1>\
<div ng-repeat="$item in items">\
<placeholder></placeholder>\
</div>';
var templateEl = angular.element(template);
transclude(scope, function(clonedContent){
templateEl.find("placeholder").replaceWith(clonedContent);
$compile(templateEl)(scope, function(clonedTemplate){
element.append(clonedTemplate);
});
});
}
};
});
Как я могу сделать то же самое в Angular 2?