ngRoute: URL 发生变化，但视图保持不变

Question

我真的不知道我做错了什么，因为 URL 改变了，但视图保持不变。

app.js:

var app = angular.module('app', [
'ngRoute',
'ui.bootstrap',
'ui.bootstrap-slider',
'angularFileUpload',
'ngTouch',
'ngAnimate',
'r'
]);

app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
    .when('/data', {
        templateUrl: 'html/data/data.html',
        controller: 'RController'
    })
    .otherwise({
        templateUrl: 'html/start/start.html'
    });
}]);

index.jade:

doctype html
html(ng-app='app')
meta(charset='utf-8')
head
    title i-CoDa
    link(rel='shortcut icon', href='./img/icon.ico')
    link(rel="stylesheet", href="./css/main.css")
body(ng-controller='RController')
    div#navigation.navbar.navbar-default.navbar-fixed-top(role='navigation')
        div.container
            div.navbar-header
                button.navbar-toggle.navbar-collapse(aria-expanded='false')
                    span.sr-only Toggle navigation
                    span.icon-bar
                    span.icon-bar
                    span.icon-bar
                a.navbar-brand(href='./index.html')
                    img#logo(src="./img/logo.svg", alt="i-CoDa Logo")
            div.collapse.navbar-collapse.navbar-right
                ng-include(src="'./html/navbar/navbar.html'")
    div#main
        div(ng-view)
    footer.container.col-lg-12

    script(src="./js/dependencies.js")
    script(src="./js/bundle.js")

navbar.jade:

ul.nav.navbar-nav
 li.active
    a(href='#/start.html') Start Page
 li.active
    a(href='#/data.html') Data

我的项目结构如下所示：

|
|_server.R
|_www
  |___html
  |___css
  |___js
  |___index.html

我也看了类似的帖子，什么都试过了，还是不行。有人可以给我提示吗？

Answer 1

你做错了。您在主体上设置的 RController 将呈现主体内的所有内容，无论您将制作什么路由器，而它应该仅针对 /data 路由设置。

将其从正文中移除，或者将其设置为另一个控制器，例如 MasterController（您还必须创建它）。

然后你为默认选项创建一个路由/start（它应该有控制器+视图类似于你当前拥有的/data路由），然后你像这样定义其他选项

.otherwise({ redirectTo: '/start' });

ngRoute: URL 发生变化，但视图保持不变

ngRoute: URL changes, but the view stays the same

javascript

angularjs

ngroute