Question

我正在尝试使用angular-route，但是当我将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页面和控制器，但几乎是空的，保存了一些占位符。

我不是百分百确定我应该如何包含角度路由代码，但我所拥有的似乎正在起作用。

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

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

1 个答案: