angularjs - 结合使用 Bootstrap for Angular 和 Material design for Angular

Question

我正在开发一个项目 template .

该模板是使用 AngularJs 和 Bootstrap-UI( Angular Bootstrap )编写的，我想包含一些 Material 设计元素，例如卡片等。

可以这样做吗？推荐吗？ 我的事情是，我们已经喜欢这个模板及其许多元素的方式，但是 Material 设计有卡片、下拉菜单、带有标签动画的文本输入等，这些都很棒。

所以我的问题是:

AngularJS + Angular 的 Bootstrap + Angular 的 Material Design = 是精彩还是灾难？

Answer 1

如果您添加 Bootstrap 和 Angular Material ，就会发生这种情况

1. 两者都有 css，它将针对您的前端元素(例如输入
   元素、按钮)

2. 每个元素都有自己的外观和感觉(即 Bootstrap 输入元素与 Material 输入元素不同)。因此，您的整个项目不会有单一的外观和感觉。

3. 如果您同时添加两者，则必须注意 css 样式会覆盖公共(public)部分(例如字体大小和字体系列)上的其他样式。

4. Angular-material 以 Angular 方式处理前端元素(指令) 因此，当他们发布新版本(到目前为止已发布 29 个版本)时，您将不得不花一些时间测试早期的代码(例如，他们将 $media 更改为 $mdMedia 以处理 sideMenu)。我花了很多时间寻找为什么我的 sideMenu 停止工作!。

5. 如果您使用两个前端框架，项目依赖项的总体大小将会增加。

   Angular-material 需要自己的依赖项，例如“Angular-animate”& ' Angular 咏叹调'。

谈论你的“md-cards”， Bootstrap 中有“面板”，你可能想看看 here

我建议您坚持使用 Bootstrap 或 Angular-Material 。两者都很棒，只是不要混合它们。