javascript - Angular-Route 和 ng-view div 隐藏页面

Question

我正在尝试使用 Angular 路线，但是当我将 div 标签从 <div ng-include="'views/main.html'" ng-controller="MainCtrl"></div> 更改时至<div ng-view></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 页面和 Controller 已制作完成，但几乎是空的，保存一些占位符内容。

我不是 100% 确定我应该如何包含 Angular 路线代码，但我所拥有的似乎正在工作。

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

Answer 1

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