AngularJS +引导角为+材料设计的角度一起 [英] AngularJS + Bootstrap for Angular + Material Design for Angular Together
问题描述
我工作的一个项目，这个模板的http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259
I'm working on a project with this template http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259
模板写在AngularJs +引导的UI（引导的角度），我想包括一些材料的设计元素，如卡等。
The template is written in AngularJs + Bootstrap-UI (bootstrap for angular) and I would like to include some Material Design elements like cards and others.
这是可能做到这一点？它的建议？
我的事情是，我们已经爱上这个模板和方式来它的许多元素，但材料设计有例如卡这是惊人的，与标签动画这是惊人的一些下拉或文本输入。
所以我的问题是：
It's possible to do that? it's recommended? My thing is we already love this template and way to many elements of it, but Material Design have Cards for example which are AMAZING and some dropdown or text inputs with the label animation which are amazing. So my question is:
AngularJS +引导角为+材料设计角=迷死灾难？
AngularJS + Bootstrap for Angular + Material Design for Angular = Awesomeness or Disaster?
对此有何看法？
推荐答案
如果您同时添加引导和放大器;角料，这是会发生什么
If you add both bootstrap & angular-material this is what will happen
-
两者都有的CSS将针对您的前端元件（例如，输入结果
元素，按钮）
Both have css which will target your front end elements (e.g. input
element, buttons)
每个都有自己的外观和放大器;感觉（即引导input元素是从材料输入的元素不同）。所以，你的整个项目将不会有一个单一的外观和放大器;感觉。
Each have their own look & feel (i.e. Bootstrap input element is different from Material input element). So, your overall project won't have one single look & feel.
如果您同时添加你将不得不照顾CSS样式压倒一切的人对公用部分（如字体大小和放大器;字体系列）。
If you add both you will have to take care of css styles overriding others on common parts (e.g. font size & font family).
角材料处理的角度方式前端元件（指令）
因此，当他们发布新版本（29发行至今），你将不得不花费一些时间测试你刚才code（e.g.they改为$媒体$ mdMedia处理sideMenu）。我花了很多时间寻找为什么我的sideMenu停止工作！
Angular-material handles front end elements in angular way ( directive) So when they release a new version (29 releases so far), you will have to spent some time testing your earlier code (e.g.they changed $media to $mdMedia for handling sideMenu). I've spent a lot of time finding why my sideMenu stopped working!.
项目依赖你的整体大小，如果你正在使用两个前端框架将增加。
You overall size of project dependencies will increased if you are using two front end frameworks.
角材料需要自己的依赖，如角动画'和;
角咏叹调。
Angular-material needs its own dependencies like 'angular-animate' & 'angular-aria'.
谈论你的MD卡，也有板，在引导你可能想看看这里
Talking about your "md-cards" there are "panels" in bootstrap you might wanna have a look here
的我建议你坚持一件事要么引导或角的材料。两者都真棒只是不混合。的
这篇关于AngularJS +引导角为+材料设计的角度一起的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
