2

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

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

在此处输入图像描述

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

4

1 回答 1

0

所以我认为你要做的是分而治之：把 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 可能是什么，编写测试，然后对组件进行编码。以这种方式编写它将增加每个角度组件的可重用性。您可以在应用程序的某些部分中使用没有其父级的单个通知卡。虽然它与 angularjs 无关，但您可以阅读并应用概念 https://reactjs.org/docs/thinking-in-react.html

于 2018-11-02T18:12:27.433 回答