ngRoute不在ngView中显示视图

问题描述 投票:0回答:1

我开始使用c#web api + AngularJS的基本应用程序。我正在使用AngularJS ngRoute进行路由。页面完全加载,辅助文件中的代码正确显示。问题是使用ngRoute模板化的文件(或代码)...这是我的代码...

我的app.js:

var App = angular.module('App', ['ngRoute']);

// configure our routes
App.config(function ($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/', {
            templateUrl: 'views/home.html'
        })
        .otherwise({ redirectTo: '/' });
    $locationProvider.html5Mode(true);
});

我的Index.html:

<body class="hold-transition skin-blue sidebar-mini" ng-app>
    <div class="wrapper">

        <!-- Header -->
        <header class="main-header" ng-include src="'views/common/header.html'"></header>
        <!-- Menú Principal -->
        <aside class="main-sidebar" ng-include src="'views/common/sidebar.html'"></aside>

        <!-- Contenido de la página -->
        <div class="content-wrapper" ng-view>

        </div>
        <!-- Footer -->
        <footer class="main-footer" ng-include src="'views/common/footer.html'"></footer>
    </div>
angularjs ng-view angularjs-ng-route
1个回答
0
投票

我没有传递$ routeProvider的依赖注入。我改变它然后我改变ng-app为ng-app =“App”并开始正常工作。谢谢大家!

© www.soinside.com 2019 - 2024. All rights reserved.