组件是否允许使用相同的选择器多个ng-content?

时间:2018-03-20 21:14:04

标签: angular5

我正在开发一个组件,用作"一步一步的形式"但我不知道如何允许组件(步进器)接收多个内容(步骤)并能够操作它们。

我最终想要的一个例子是:

步进组件:

@Component({
  selector: 'stepper',
  template: `
<div class="stepper-container">
    <ng-content select="step" #steps></ng-content>
</div>
`
})

并使用如下:

<stepper>
  <step>Hola  soy un step</step>
  <step>Hola  soy otro step</step>
  <step>Y yo otro step</step>
</stepper>

0 个答案:

没有答案