Angular Web项目不更改页面

时间:2014-02-14 21:28:40

标签: angularjs angularjs-routing

我有一个使用Rest的Java Maven Web项目。我无法使项目在index.html之外导航超过一次。我试图使用路由的各种应用程序(Link#1Link#2),并尝试使用控制器控制的变量进行一些<div ng-include=""></div>技巧。当我得到一个要加载的页面时,我无法在触发路径之后更改页面(url的文本是唯一要显示的内容)或更改$ scope变量(变量更新,但视图没有)。

我有一个如下目录结构:

index.html
[views]
    ->[subfolder]
        ->view1.html
        ->view2.html

我很确定问题在于目录结构。我在第一个视图中有一个简单的表单,如果来自view1的数据通过验证,则希望切换到第二个视图。两个视图目前共享一个控制器。

模块定义/配置(路由):

var myApp = angular.module('myApp', [ 'ngRoute', 'ngProgress', 'restangular', '$strap.directives', 'ui.event', 'ui.numeric', 'countrySelect', 'pascalprecht.translate', 'form.validation' ]
).config(function($routeProvider, RestangularProvider) {
    RestangularProvider.setBaseUrl("/axxyr");

    $routeProvider
            .when('/loggedIn', { template: '[views]/[subfolder]/view2.html' })
            .otherwise({redirectTo: '/login', template: '[views]/[subfolder]/view1.html' });
});

更新

Here是一个显示示例的Plunker,但是在我的项目中,我使用的$ scope变量来切换视图中的两个视图更改,但不在index.html文件中。

0 个答案:

没有答案