我的ng-view DIV消失-Angular JS 1.x

Question

我正在Visual Studio 2013中处理angularJS和ASP.NET项目。我没有运气解决这个问题，因为我的ng-view的DIV节点已被删除并替换为ng-view注释。 在本地主机上运行时未生成任何错误。 我使用的是漂亮的网址，而不是井号分隔符。

代替这个... <div ng-view> </ div>

我明白了... <！-ng-view：->

我通读了StackOverflow上的几篇文章，但其中每篇文章都提出了SPA页面中angular-route.js的缺失，这是主要原因。 我的控制器代码中包含了angular.js和angular-route.js的简化版本； 以该顺序。 我已经验证了脚本和模板资产的路径。 我确保ngRoute依赖项包含在我的模块/控制器中。 我确保MVC路由参考正确的路径...我不确定还要检查什么。 任何见识将不胜感激。

Answer 1

这表明路线有问题。 通过使用以下app.js配置的工作示例开始

angular
    .module('app', ['ngRoute', 'ngCookies'])
    .config(config)
    .run(run);

config.$inject = ['$routeProvider', '$locationProvider'];
function config($routeProvider, $locationProvider) {
    $routeProvider
        ...
        .when('/login', {
            controller: 'LoginController',
            templateUrl: 'login/login.view.html',
            controllerAs: 'vm'
        })
        ...
        .otherwise({ redirectTo: '/login' });
}

您可以通过执行以下任一操作来重现您观察到的行为：

• 删除路径中的前导斜线“ /”（“ /登录”）
• 不在模块上调用.config
• 省略用于路由的templateUrl（'/ login'）

还有其他潜在原因，但希望您可以通过与实际示例进行比较来找出问题所在。