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是什么，编写测试，然后对该组件进行编码。以这种方式编写将提高每个角度组件的可重用性。您可以在应用程序的某些部分中使用单个通知卡，而不使用其通知卡。尽管与angularjs无关，但您可以阅读并应用概念 https://reactjs.org/docs/thinking-in-react.html