Question

我想重复使用我的角度5组件的重复模式。

将一些字符串值传递给组件很简单，我写道：

angular.module('yourapp', [])
.controller('yourcontroller', ['$scope', function($scope) {
      $scope.change = function() {
    /*..... Do Something Here  */
  };
}]);

结合：

<my-component attribute1="bla" attribute2="foo"></my-component>

现在，我想将模板片段传递给组件。理想情况下，我最终会得到这样的结果：

@Component({
    selector: 'my-component', ...
})
export class MyComponent {
    @Input() attribute1: string;
    @Input() attribute2: string;
}

如何在我自己的组件中接收和使用这些嵌套的模板/ dom条目？

Answer 1

您可以使用<ng-content></ng-content>在我的组件中获取嵌套的模板/ dom条目。基本上它是在角度的移植概念中。

详细了解read out here

如何将子节点传递给角度组件？

1 个答案: