I'm a bit confused what the difference is between AngularJS Material (https://material.angularjs.org) versus Angular Material (https://material.angular.io/)?
AngularJS Material is made for Angular JS 1.x
whereas Angular Material is made for Angular v2+
according to https://material.angularjs.org/ , that say:
AngularJS Material is an implementation of Google's Material Design Specification (2014-2017). This project provides a set of reusable, well-tested, and accessible UI components for AngularJS developers.
and
The latest update to Material Design (video playlist) was announced at Google I/O in May, 2018 (recap blog post). For an implementation of this new Material Design Specification, please see the Angular Material project which is built for Angular developers.
#dave Hi,
for AngularJS Material, There is an third party library available called "md-steppers". We are using this one for FORM filling and Submission. Please have a look in below JSFIDDLE demo link and GITHUB link.
Visit: https://jsfiddle.net/ipiz/vcdbuyru/2/
Visit: https://github.com/ipiz/md-steppers
Related
I am researching to find which UI framework is good with AngularJS, in the basis Performance, Compatibility, Visual look and feel.
Can someone please suggest me to select the UI framework with AngularJS.
So far I can see that UI Bootstrap is the super cool and easy to use framework to work with AngularJS.
Please go through the amazing features of this framework here
For developers using AngularJS, Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification. This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.
You can refer here
So I am developing a new MVC application using AngularJS and I wanted to implement bootstrap for the UI but upon searching for bootstrap from within NuGet I see AngularJS UI Bootstrap.
I did a little reading to find that this unfamiliar flavor of Bootstrap could actually serve as a replacement for the traditional bootstrap that I am more familiar with but I really don't understand what the core difference is of when one would opt to use one over the other.
So what are the advantages of using AngularJS UI Bootstrap instead of Bootstrap? Given my current stated position for what I am doing, would it be more advantageous to use AngularJS UI Bootstrap or is it purely a matter of personal preference?
Angular UI-bootstrap is a replacement for the Bootstrap javascript, not for the css framework. It has rebuild the bootstrap JS functionalities such as modals and popovers to 'the Angular way', so if you want to use those functionalities use Angular UI-bootstrap
My project was developed by normal jquery with material design. But, now I am implementing AngularJs in my project. Material design does not support angular js(won't bind to scope object). My friend suggest me to use angular material design. My customer don't like angular material design UI, He wants material design UI.
Any solution to use MaterialDesign with angular instead of AngularMaterialDesign
Angular.js is a MVC framework, Material Design is just a design guide made by Google.
If you want to have your angular frontend look like Google's material design, you can either include the CSS only or use something like Angular material lite, which wraps angular with material design.
There is no need for you to include Angular.js if you want to have material design or the other way, include material design together with angular, both of them can be used separatly.
Is there a UI framework or library that is as comprehensive as Twitter Bootstrap, uses Material Design, and is a good fit with AngularJS?
I have used Twitter Bootstrap for a few years. Recently I have started developing in AngularJS and have been trialing Angular Material.
I really like the overall look and feel of Angular Material and the way it uses flexbox. My design skills are limited though, so I really need a comprehensive solution and I find that Angular is just not comprehensive enough (yet).
By way of example, the kinds of things that are available in Bootstrap but not Angular Material include:
Typography: Definition lists, address formatting, inline forms
Components: Jumbotron, page header, panels
I realize that Angular Material has similar things in some areas, but they seem to be quite specialized. For example, you could say that Angular Material cards are akin to Bootstrap Panels, but as far as I can see there's no real point in having a card that doesn't have an image header.
Should I be looking at Polymer? Or something else? Bootstrap 4 looks promising, but I need something now.
Bootstrap has been already 'angularized': https://angular-ui.github.io/bootstrap/ . You can now use the framework you are comfortable with together with angular.
Splitting your requirements: "UI framework or library that is as comprehensive as Twitter Bootstrap, uses Material Design, and is a good fit with AngularJS"
UI framework or library that is as comprehensive as Twitter Bootstrap:
Twitter Bootstrap.
Uses Material Design:
Twitter Bootstrap + Bootstrap material design theme.
Is a good fit with AngularJS:
Twitter Bootstrap + Bootstrap material design theme + Angular Bootstrap Material
Disclaimer: I wrote the last component, Angular Bootstrap Material
I have been researching options to using Bootstrap with Angular and it appears to focus on two:
Angular UI Bootstrap
AngularStrap
I see a third option of just using native Bootstrap. What are the pro/cons of all approaches? This seems to hint that Angular UI Bootstrap is not feature complete:
Which one to use, AngularUI Bootstrap or AngularStrap?
I don't use both of them because I don't want my project depends on too many 3rd party libraries. So I just use native Bootstrap JS, but I have to customize it to fit requirement of my project.
I don't say Angular UI Bootstrap and AngularStrap are not good, but with my project's requirement, I don't need all features so they are quite heavy. I just want you to pay attention to a point: currently, AngularStrap supports AngularJS 1.2+, this means it should support IE8 but Angular UI Bootstrap doesn't.
Hi in my case its not about either or, its about getting things done. If a component or directive exists already from aforementioned libraries (probably isn't much difference between angular ui bootstrap and angularstrap) e.g. modal, datepicker and it fits requirements then I'll use it. Otherwise I use vanilla bootstrap to make my own directives :-)
Here's a link to building components using directives in angular.