I need to know whether AngularJS only enable architecture for develop the applications and it self doesn't provide any UI components and Widgets (calenders, charts etc)?
Whether we have to get them (UI components) only via the third party UI Frame works?
it self doesn't provide any UI components and Widgets
try angularUI
https://github.com/angular-ui
AngularJS itself doesn't provide any UI controls, here are some other resources for UI controls:
Bootstrap with AngularJS
Angular Material - This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.
Kendo UI controls - calender
3 AngularJS UI Frameworks
Related
I am very curious to know whether anyone has tried to use both angular material (for angular 1.x) and kendo ui components in the same project, and if so, then:
what were the conflicts, if any, they experienced with respect to css and/or javascript, and
because both libraries have a certain amount of cross-over in terms of similar components, what was your thought process when determining which library to use for a component?
While kendo-ui does have a few "material" based themes, I don't see them following the google material design spec nearly as close as angular-material does.
I am also using both, Kendo und Material Design, in my desktop client project.
I use Material Design for the general website structure
toolbar
sidebar,
navigation, etc.
and Kendo UI components
buttons,
forms, etc.
for everything else. I imported CSS declarations from both.
The only component I use from Material Design is the Snackbar as I think it works better with the common workflow of desktop applications.
So far i have not experienced any conflicts.
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
Is it possible to combine Kendo UI Mobile and Angular UI Router?
Currently I am using the Q3 2014 Beta of Kendo UI. But I still can not find a solution. Having a state with an url /welcome I get something like
GET http://localhost:4000/welcome?html 404 (Not Found)
If I remove the kendo view I get the message
"Your kendo mobile application element does not contain any direct
child elements with data-role="view" attribute set. Make sure that you
instantiate the mobile application using the correct container."
Without Kendo UI the navigation is working fine. Is it possible to combine these two? Is it perhaps not recommended? Do I have to skip Kendo application if I want to use another routing? If the only chance is to use Kendo UI and plain AngularJS without routing (or is the default routing of angular possible?)... - how can I separate the view from the controller? All the kendo ui angular samples only show bad coding style...
Is it possible to combine Kendo UI Mobile and Angular UI Router? In other words:
<div kendo-mobile-application>
<div ui-view>
</div>
Are AngularJS and KendoUI competing frameworks or are they used to solve different problems?
Yes, very different things.
Angular is a framework for building single page applications. Kendo is a control suite
Define "competitor".
AngularJS is a framework for building JS applications which doesn't come bundled with UI widgets (but there are projects like Angular UI).
Kendo UI provides UI controls like grids, date pickers, charts, but also things like a router module, view models and templating for bidirectional data binding. So while they're not equivalent (Kendo UI having a focus on, well, UI, and AngularJS on the framework aspect), there is some overlap.
You can also use them in combination, e.g. by making use of the Angular Kendo project.