Are there other possibilities to style an AngularJS
application in a mobile friendly way than CSS
?
I am planning a mobile app and want to use A
There was already the question on SO to compare AngularJS
and jQuery Mobile
.
And in the answer you can find some information - it is kind of further reading for you.
And the arcticle jQuery Mobile and AngularJS Working Together should give you answe to your question. It has some advices, for example:
Load jQM libs before AngularJS
or
Let jQM handle the URL routing
etc.
A very basic example:
html:
<body ng-app='myApp'>
<div data-role="page" ng-controller='myCtrl'>
<ul data-role="listview">
<li ng-repeat='car in cars'><a href="{{car}}.html">{{car}}</a>
</li>
</ul>
</div>
</body>
js:
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
$scope.cars = [
'acura', 'audi', 'BMW'
];
});
working demo: http://jsfiddle.net/eZdNm/
The main problem with jQuery mobile and AngularJS is they both want to control page routing. You can find out more by searchng jQuery mobile and Angular in google.
Yes, if you only want a ready to go / mobile friendly UI. I would suggest other more CSS based frameworks such as bootstrap.