Javascript ngRoute:URL更改，但视图保持不变

我真的不知道我做错了什么，因为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'
    });
}]);

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")

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

索引。jade：

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'
    });
}]);

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")

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

navbar.jade：

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'
    });
}]);

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")

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

我也看了类似的帖子，尝试了所有的方法，但都没用。

---

有人能给我一个提示吗？

你做得不对。您在正文中设置的

r控制器

将显示正文中的所有内容，而不管您将使用何种路由器，而它应仅为

/data

路由设置

将其从主体中移除，或者只需将其设置为另一个控制器，例如

主控制器

（您还必须创建它）

然后，您为默认选项创建一个路由

/start

（该路由应具有与您当前拥有的

/data

路由类似的控制器+视图），并定义如下的“否则”选项

。否则（{重定向到：'/start'}）

---

为什么你有

a（href='#/start.html'）

而没有

a（href='#/start'）

？这是我的一个错误，但现在已经更改了