Angular material 和仪表板

Angular material and dashboards

我目前正在构建仪表板应用程序,我想使用 angular-material 而不是 bootstrap.

我在这里不是要代码或预制解决方案,我只需要经过充分论证的观点。

我正在考虑使用 https://github.com/angular-dashboard-framework/angular-dashboard-framework or https://github.com/DataTorrent/malhar-angular-dashboard 作为我的仪表板的框架,但它们都是基于 bootstrap据我所知

我正在考虑修改它们,以便我可以使用 angular-material 而不是 bootstrap,但如果我没有这样做,我的问题是:

使用 angular-material 从头开始​​构建仪表板是否更好,还是可以使用 angular-material 和一些 bootstrap 仅用于仪表板的小部件(这意味着所有菜单和选项卡都将基于 angular-material)?

我不怕从头开始,但我不想浪费时间。由于我需要既高效又美观的东西,我想我会先在这里问一下,然后再在这里提出一些建议,然后再开始。我对混合 bootstrapangular 不是很有信心- material 从我到现在为止在网上读到的,但也许对于这种情况它可能没问题。

好吧,我想分享一下我的经验。您将要面对的最棘手的事情是 css 方面。要通过混合这两者来获得自己的设计,您必须覆盖 bootstarpangular 之间的 css 类-模块

除此之外,如果您仅在 UI 上使用 bootstrap,那么遇到任何 js 问题的可能性很小使用 bootstarp 因为它会有自己的 js files using jquery 文件,这可能会干扰 angular 的 $digest 循环。

根据我的经验,您可以使用 angularJS 轻松管理 bootstrap,因此您可以继续使用 https://github.com/angular-dashboard-framework/angular-dashboard-framework or https://github.com/DataTorrent/malhar-angular-dashboard

让我知道这个答案是否足够或者您还有更多顾虑。

我正是这样做的,并设法让它与 AM 一起工作,并为饼图和条形图添加了一个指令,另一个为仪表添加了指令。我的是一个非常简单的单页破折号,但有一些日期和其他标准的控件(标准 AM)。

尽管 CSS 需要大量手工工具才能使其完美贴合并且反应灵敏。现在我的 flexbox 技能提高了,这可能会更容易。

angular-chart angular-gage