ngMockE2E -添加到依赖项后出错

Question

在我将ngMockE2E添加到依赖项中之后，页面出现错误，无法加载视图html。

Error: Unexpected request: GET views/main.html
No more request expected

我的依赖关系：

angular
  .module('mockApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ngMockE2E'
  ])

没有最后一行，一切都好

我已经将文件添加到index.html中，并使用bower加载了库。我可以在run方法中打印$httpBackend并打印源代码。

.run(function($httpBackend, $log) {
  $log.debug('got there backend: ' + $httpBackend);
});

Answer 1

在所有模拟请求之后，您需要为模板定义一个传递(请参阅，$httpBackend的官方API参考)。

给定一个名为my的模块和一个包含所有模板的文件夹视图，这段代码应该可以解决您的问题。

angular.module('my-app').run(function($httpBackend) {

    [ . . . $httpBackend requests . . . ]    

    $httpBackend.whenGET(/^views\/.*/).passThrough();  

    [ . . . remaining logic, but no $httpBackend requests . . . ]

});    

Answer 2

我发现出了什么问题。

创建模拟之后，您需要绕过模型页面(在我的项目中，有.html文件)，使用：

app.run(function($httpBackend) {
    ...
    $httpBackend.whenGET(/\.html$/).passThrough();
    ...
}

Answer 3

同时尝试加载如下所示的内容。

<div data-ng-include="'/app/UI/home.html'"></div>

如果

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

但不是什么时候

var myApp = angular.module('myApp', ['ngMockE2E']);

没有控制台错误，没有呈现视图。为了避免这种使用

myApp.run(function ($httpBackend) {

    $httpBackend.whenGET(new RegExp('app\/.*')).passThrough();

});

这一行允许您对包含app/as文件夹根的每个资源进行请求传递。