I'm starting to develop mobile application with Kendo UI mobile, AngularJS, PhoneGap. It would be nice to use Angular routing stuff. But Kendo UI mobile has its own routing system. Are any approaches to use AngularJS routing system instead of Kendo UI mobile?
Maybe some wrappers...
Well, routing for Angularjs is all client based, so you can use it without needing the kendoui routing, You just need to setup your routing for angular. You can route to any url you would like. That said, if you need specific functionality that that Kendoui provides, it has a client side version of the routing you can use JavaScript to combine the two, the syntax for the routing for both are very similar.
Related
I have to integrate an existing UI application to a REST based back end. The UI is a single html page that uses JQuery + CSS to create a sliding tab experience. Both the UI and REST application are Spring Boot apps.
I'm new to Javascript frameworks. AngularJS made a lot of sense to me for data binding and updating the DOM.
However, now that I am trying to do the integration, there is a .js include in the UI that contains a massive set of JQuery plugins (they are just pasted in one after another).
AngularJS functionality like 'ng-repeat' does not work with this file included. The UI application does not work without this include.
I believe the solution is to put all JQuery Plugins into a Angular Directive (Initialising jQuery plugin (RoyalSlider) in Angular JS). This looks like a painful task.
Are there other frameworks that would work with this?
I have found some threads suggesting a ground up approach with Angular ("Thinking in AngularJS" if I have a jQuery background?), but I'm stuck with this current UI app's structure.
Suggestions? I'm thinking of using JQuery to acquire the JSON and inject it into the UI and adding Thymeleaf for its fragments.
After some research I have found that using JQuery is the way to go if your application was built with JQuery. If I could do it again, perhaps Angular should have been the base for the UI application. However,after some exploration, I have found JQuery does a lot of cool things around AJAX and Dom manipulation. When used with ThymeLeaf in Spring Boot, you end up with a power set of UI tools.
What I want to get from IONIC and Angularjs right now is just using that front-end library like CSS and JS. So far we use bootstrap and jquery for frontend framework, and Laravel for its backend. Now I want to switch from Bootstrap to Ionic, and from jquery to AngularJS.
In this case, I will use ionic not only for hybird app development (what I have been doing so far), but right now I also want to use it for web too.
Last Framework I use to build web app:
Laravel
Jquery
Bootstrap
But the framework I want to use right now are:
Laravel,
AngularJS,
Ionic,
Is it possible for them to work as what they are? and how to set it up.
Please notice that my focus right now is to build web application here, not mobile app. And my environment for this is LAMP. Please direct me to the correct way for this. Many thanks in advance!
I’m developing a website design using bootstrap now I want to move to convert my application as angular JS application.
What are the main things are consider converting angular application.
Angular is a JavaScript framework, Bootstrap is a CSS toolkit with some javascript modules for UI elements. They do different things.
You might want to look at Angular UI Bootstrap for a collection of directives from bootstrap but otherwise its just a matter of JS to Angular.
Bootstrap and Angular are different technologies with different purposes. I would advise you to start with Bootstrap and Angular documentations first.
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>
I have an application where banner is desinged using backbone js which has its own routing mechnism. So its like when you click on banner on top its falls down like curtain and shows all the views in mosaic on dashboard.
My challenege is we are thinking now to implement app with angular js integrating this backbonejs banner.
I have already made things work with angular.bootstrap and all but facing hard time to manage the routing in backbone vs angular.
so problem is if I use angular routing somehow my backbone routing stops functioning. But if I don't use angular routing then backbone routing and angular app works just awesome.