Javascript Angular Route和ng view div隐藏页面

我试图使用angular route，但当我将div标记从更改为时，该标记突然变为空

我的app.js代码是：

angular .module('testApp', ['ngRoute'])
    .config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateURL:'views/main.html',
                controller: 'MainCtrl'
            })
            .when('/adoption', {
        templateURL: 'views/foo.html',
        controller: 'fooCtrl'
        })
        .otherwise({
        redirectTo: '/'
        });
    });

html页面和控制器已经制作好了，但是基本上是空的，保存一些占位符

我不是100%确定我应该如何包括角路由代码，但我所做的似乎是有效的

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js"></script>

---

你的app.js应该是这样的：

angular .module('testApp', ['ngRoute'])
.config(function ($routeProvider) {
    $routeProvider
        .when('/main', {
            templateURL:'views/main.html',
            controller: 'MainCtrl'
        })
        .when('/adoption', {
    templateURL: 'views/foo.html',
    controller: 'fooCtrl'
    })
    .otherwise({
    redirectTo: '/main'
    });
});

---

看起来你刚刚将缩进和/改为main，对吗？你能解释一下询问者犯了什么错误吗？@Sean asker正在将路由设置为root，这将不正确，因为这将使/以及/xyz成为相同的路径