应对更改纯演示文稿组件中的故障

Question

我有一个显示实体类型的纯组件。该组件允许用户进行交互并对实体进行更改，但是这些更改可能会被服务器拒绝。在这种情况下，我希望组件执行动画以向用户显示更改失败。

我可以向该组件添加另一个输入以获取布尔值，当需要动画时，父smart组件将翻转为“ on”，但这似乎是一个泄漏的抽象。

Answer 1

考虑使用内容投影，类似于Angular Material如何处理mat-error

在您的智能/容器组件中，您将得到类似：

<my-presentation-component>
  <div my-presentation-error *ngIf="hasError">This is the error</div>
</my-presentation-component>

在演示组件中：

<div>
  <!-- mark-up for your component -->
  <ng-content select="[my-presentation-error]"></ng-content>
</div>

[C0的指南