javascript - Vue 的 Angular 等价物是什么?

Question

例子：

父组件：

<div> 
  Hello <slot/>!
</div>

子组件：

<div> 
  World 
</div>

应用组件：

<Parent> 
  <Child/> 
</Parent>

输出：世界你好！

标签： javascriptangularvue.jscomponents

Answer 1

我们在 Angular 中有类似的东西。

该指令<ng-content>用于将外部内容投影到当前组件中，您可以使用选择器通过 CSS 样式查询来投影特定内容。

应用程序示例.html：

<div>
   <ng-content></ng-content>
</div>
<div>
   <ng-content selector=".child"></ng-content>
</div>

应用组件.html

<app-example>
   <span class="child">World</span>
   Hello
</app-example>

呈现此输出：

<app-example>
  <div>Hello</div>
  <div><span class="child">World</span></div>
</app-example>