对纯演示组件中的更改失败做出反应

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>

关于ng-content的指南