Question

我有一个带模板的组件：

<some-component>
  <div>some stuff </div>
</some-component>

如何将数据传递到Component并将其推送到模板中的某个位置？

Answer 1

你可以使用//in the child form var grandChildForm = new Form2(); grandChildForm.KeyPreview = true; grandChildForm.ShowDialog();来获得同样的效果。

ProcessCmdKey()中的

使用这样的ng-content： -

<ng-content></ng-content>

基本上，some-component就像从Angular 1转换。

您还可以使用命名的ng-content在单个组件中使用多个@Component({ selector: 'some-component', template: `left <ng-content></ng-content> right`, }) class SomeComponent {} @Component({ selector: 'my-app', template: `<some-component>INSERTED</some-component>`, directives: [some-component], }) class MyApp {} 像这样： -

<ng-content></ng-content>

要在ng-content组件中使用此功能，您必须在模板中指定如下： -

<child-select>
    <section>Section Content</section>
    <div class="class-select">
      div with .class-select
    </div>
    <footer>Footer Content</footer>
    <header>Header Content</header>
  </child-select>

这是工作plnker Working Plunker

获取传递到Angular2 Component的数据

1 个答案: