javascript - Angular Material 和仪表板

标签 javascript angularjs twitter-bootstrap angular-material dashboard

我目前正在构建一个仪表板应用程序,我想使用 Angular Material 而不是bootstrap.

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

我正在考虑使用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 )

我不怕从头开始,但我不想浪费时间。由于我需要一些既高效又美观的东西,我想我应该先在这里询问,然后再开始之前在这里询问一些建议。从我在互联网上读到的内容来看,我对混合 bootstrapAngular-material 并不太有信心,但也许对于这种情况来说可能没问题。

最佳答案

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

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

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

请告诉我这个答案是否足够或者您还有更多疑虑。

关于javascript - Angular Material 和仪表板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36714315/

相关文章:

javascript - JS mootools Bootstrap 构建错误 : "Could not apply the trigger BS.showPopup"

javascript - 如何访问不同页面 Controller 中的更新值?

javascript - Angular FormControl 模式验证器不适用于正则表达式

javascript - Apache可以配置为允许浏览器中的JS获取服务器目录内容吗?

html - Bootstrap 3 中的分段进度条

html - MVC Bootstrap 未正确对齐

javascript - 我们应该选择哪个积极维护的 slickgrid 分支?

angularjs - 如何使用 Angular 附加表单字段以及如何在数据库中插入值

angularjs - md-selected 在 md-tab 中无法正常工作

javascript - 了解 Angular ng-repeat 如何与数组一起使用