角度材料和仪表板

时间:2016-04-19 09:31:56

标签: javascript angularjs twitter-bootstrap angular-material dashboard

我目前正在构建仪表板应用程序,并且我想使用 angular-material 而不是 bootstrap < / EM>

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

我在考虑使用https://github.com/angular-dashboard-framework/angular-dashboard-frameworkhttps://github.com/DataTorrent/malhar-angular-dashboard作为我的信息中心的框架,但它们都基于 bootstrap 。我知道。

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

使用 angular-material 从头开始构建仪表板是否更好,或者是否可以使用 angular-material 和少量仅用于仪表板小部件的 (这意味着所有菜单和标签都将基于角度材质)

我并不害怕从头开始,但我不想浪费时间。因为我需要既高效又好看的东西,我想在开始之前我先问这里和一些建议。我对从我在互联网上阅读的内容中混合 bootstrap angular-material 并不是很有信心直到现在,但也许在这种情况下它可能没问题。

2 个答案:

答案 0 :(得分:1)

好吧,我想分享一下我的经验。你要面对的最棘手的事情就是在css方面。要通过混合这两个来获得自己的设计,您必须覆盖 bootstarp angular-module 之间的css类。

除此之外,如果你在UI上只使用 bootstrap ,那么在使用 bootstarp 时几乎没有可能遇到任何js问题,因为它会拥有它自己的js files using jquery文件,这可能会影响$digest角度循环。

根据我的经验,您可以使用angularJS轻松管理引导程序,以便继续使用https://github.com/angular-dashboard-framework/angular-dashboard-frameworkhttps://github.com/DataTorrent/malhar-angular-dashboard

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

答案 1 :(得分:1)

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

让它完全适合并且大部分都是响应的,但是很多人使用CSS进行手工工具。现在我的弹性箱技能有所提高可能会更容易。

angular-chart angular-gage