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