javascript - Angular JS 级联通知

Question

我需要你的建议来帮助我。

我正在制作一个 Angular JS 应用程序，我需要一些通知，例如 angular-toastr或 angular-ui-notification但显示不像列表而是级联。如下图所示。

任何人都可以提供建议或实现此类通知吗？

Answer 1

所以我认为你想要做的是分而治之这个问题:将 UI 视为一组组件。对于上图，您可能有以下情况。

// Notification Cascacder applies DOM transformations to a list of 
<notification-cascader>
      // Iterates over a list of notifications
      <notification-list>
             // Contains primary DOM for a notification
             // accepts a variety of arguments for opacity, notification-message, etc. 
            <notification-card> </notification-card>
      </notification-list>
</notification-cascader>

现在您已经将其分解，您可以确定每个组件的 API 可能是什么，编写测试，然后对组件进行编码。以这种方式编写将增加每个 Angular 组件的可重用性。您可以在应用程序的某些部分使用没有父级的单个通知卡。虽然它与 angularjs 无关，但您可以阅读并应用这些概念 https://reactjs.org/docs/thinking-in-react.html