Routing on AngularJS + Kendo UI Mobile app

[Naomi]

I am very new to AngularJS + Kendo UI Mobile. 

How can I navigate to a page from angular controller?

I try by this code:

var App = $("#app").data("kendoMobileApplication");
App.navigate("#menuCategories");

but I get this error: "Error: [$rootScope:inprog] $digest already in progress"

and about ngRoute I see: 

"The mobile application instantiates and maintains its own routing mechanism based on the router component, which automatically matches and instantiates views when navigating. ... Note that AngularJS routing mechanisms are not supported"

Thanks in advance

Sorry for bad english ..

Naomi.

[Tsvetina]

Hi Naomi,

Note that in AngularJS applications you should not be instantiating a Kendo Mobile Application, as its routing mechanism will conflict with the AngularJS router. To correctly create a mobile application with Kendo Mobile and AngularJS, follow this tutorial:
Tutorial: Building applications with Kendo UI Mobile and AngularJS

As for navigation in code in AngularJS, check this Stack Overflow thread for instructions:
How do I switch views in AngularJS from a controller function?

Regards,
Tsvetina
Telerik

 

 

[Naomi]

Thank you for your reply!

I already tryed this solution : $location.path(viewName)

but this function based on the ngRoute module that  is not supported by kendo ui mobile as described here : 

"The mobile application instantiates and maintains its own routing mechanism based on the router component, which automatically matches and instantiates views when navigating. ... Note that AngularJS routing mechanisms are not supported"

So what can I do?

Thanks again - 

Naomi.

[Tsvetina]

Hello Naomi,

Sorry for the confusion. What I meant is that you should not be instantiating a new kendo.mobile.Application object in code, which might have been irrelevant to your scenario.

But you can define a kendo-mobile-application directive in the app wrapper (usually the body element). In this case you can use the kendo.mobile.application.navigate(url) method (you do not need to access the app instance) to perform navigation in code.

Regards,
Tsvetina
Telerik

 

 

[Naomi]

 

Thank you very much for your reply!

I tried your solution: kendo.mobile.application.navigate(url)

but I get this error: "Error: [$rootScope:inprog] $digest already in progress"

Thanks again-

Naomi.

[Naomi]

Sorry, I tried again without '#' sign and it's work wonderful, thank you very much!!

Naomi.

[Naomi]

Sorry, I tried again without '#' sign and it's work wonderful, thank you very much!!Naomi.