如何使用AngularJS和KendoUI以编程方式进行导航

时间:2015-09-30 10:46:43

标签: angularjs kendo-ui kendo-mobile

我有一个带有angularjs的kendo UI移动应用程序。第一个视图是登录视图。

<body id="body" kendo-mobile-application k-hash-bang="true">
<kendo-mobile-layout k-id="'default'">
   <kendo-mobile-view id="login" k-layout="'default'" ng-controller="LoginController" k-on-show="init()"> ...

成功登录后,我想重定向到特定视图:

<kendo-mobile-view id="portfolio" k-layout="'default'" ng-controller="PortfolioController" k-on-show="init()">

function redirectAfterLogin() {
   var app = new kendo.mobile.Application(document.body);
   app.navigate("#!portfolio");
};

function redirectToLogin() {
   var app = new kendo.mobile.Application(document.body);
   app.navigate("#!login");
};

它可以工作但是当我调用redirectAfterLogin()时,调试器会触发LoginController init()方法,然后触发PortfolioController init()两次。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用$location.path

在我的应用程序中,当kendowindow导航功能在控制器中引起循环时,我遇到了类似的情况。