routage ui en retour angulaire Demande inattendue: GET

Question

Voici ma configuration de routage ui pour mon projet angulaire. Je ne suis pas en mesure d'afficher la page de la liste des travaux. Je ne suis pas sûr de ce qui ne va pas avec la configuration ci-dessous, s'il vous plaît pouvez-vous conseiller comment je peux faire apparaître la page de liste des ordres de travail pour voir mes ordres de travail.

URL invoquée sur le navigateur http://localhost:63342/vdash/index.html#/workorders

app.js

(function() { 
"use strict"; 
var app = angular.module("workOrderManagement", ["common.services",  "ui.router", "workOrderResourceMock"]); 
app.config(["$stateProvider", "$urlRouterProvider", function ($stateProvider, $urlRouterProvider) { 
     $urlRouterProvider.otherwise("/workorders"); 

     $stateProvider.state("workOrderList", { 
      url: "/workorders", 
      templateUrl: "app/workorder/workOrderListView.html", 
      controller: "workOrderCtrl as vm" 
     }) 
    }] 
) 
})(); 

workOrderResourceMock.js

(function() { 
"use strict"; 

var app = angular.module("workOrderResourceMock", ["ngMockE2E"]); 
app.run(function ($httpBackend) { 
    var workOrders = [ 
     { 
      "orderNo": "WO-0000001", 
      "city": "San Jose", 
      "bank": "Citi Bank", 
      "branch": "Maxrk", 
      "creationDate": "2017-10-01", 
      "clientName": "Mr.Peter", 
      "status": "PENDING", 
      "handledBy": "Peter", 
     }   
    ]; 

    var workOrderUrl = "/workorders"; 

    $httpBackend.whenGET(workOrderUrl).respond(function(method, url, data){ 
     // just to see if it his this function will remove later 
     alert("into the backend method"); 
     console.log(url); 


     return [200, workOrders]; 
    }); 

$httpBackend.whenGET("/").passThrough(); 
    }); 
}()); 

Erreurs angularjs: 13236 Erreur: demande inattendue: GET
app/Commande/workOrderListView.html Plus de demande devrait à httpBackend $ (-mocks.js angulaires: 1403)

Answer 1

angulaire tente de récupérer le modèle besoin d'afficher la vue. Je suppose que c'est un test E2E. Lors de l'exécution des tests, tous les appels passent par $ httpBackend, vous devez donc laisser $ httpBackend autoriser les appels à récupérer les modèles.

Ajoutez ceci à la fin de la méthode d'exécution,

$httpBackend.whenGET("/app/workorder/workOrderListView.html").passThrough(); 

En tant que solution alternative, vous pouvez utiliser $templateCache pour mettre en cache vos modèles, donc angulaire ne doit pas charger du serveur.