Javascript 角度JS级联通知

我需要你的建议来帮助我

我正在制作一个Angular JS应用程序，我需要一些通知，如或，但显示的不是列表，而是级联。就像下面的图片一样

---

有人能提供建议或实现此类通知吗

所以我想你要做的就是分而治之： 将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>

//通知Cascacder将DOM转换应用于
//迭代通知列表
//包含通知的主DOM
//接受不透明度、通知消息等的各种参数。

现在您已经分解了它，您可以确定每个组件的API是什么，编写测试，然后编写组件代码。以这种方式编写将提高每个角度组件的可重用性。您可以在应用程序的某些部分使用单个通知卡，而不使用其父级。虽然它与angularjs无关，但您可以阅读并应用这些概念