2016-07-30 8 views
0

Ich versuche, eine Ansicht mit Winkelpfaden anzuzeigen. Die Konsole wirft keinen Fehler oder keine Warnung aus.Zeigt die Ansicht nicht an AngularJS

Aber genauso wird die Ansicht nicht angezeigt. Was mache ich falsch?

index.html

<!DOCTYPE html> 
<html lang="en" ng-app="app"> 
<head></head> 
    <body> 

     <ng-view></ng-view> 

     <!-- build:js bower/vendor --> 
     <script type="text/javascript" src="../bower_components/angular/angular.min.js"></script> 
     <script src="../bower_components/angular-route/angular-route.min.js"></script> 
     <!-- endbuild --> 

     <script src="./routes.js"></script> 

     <!-- build:app scripts/js || CUSTOMER --> 
     <script src="./components/customer/customerService.js"></script> 
     <script src="./components/customer/customerController.js"></script> 
     <!-- endbuild--> 

    </body> 
</html> 

routes.js

var _templateBase = './components'; 

angular.module('app', [ 
    'ngRoute' 
]) 
.config(['$routeProvider', function ($routeProvider) { 
     $routeProvider 
     .when('/', { 
      templateUrl: _templateBase + '/customer/customer.html' , 
      controller: 'customerController', 
      controllerAs: '_ctrl' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    } 
]); 

costomerService.js

angular.module('app', []) 
     .factory('customerService', function() { 

     }); 

costomerController.js

angular.module('app',[]) 
    .controller('customerController', ['$scope', function($scope, customerService) { 
     // 
    }]); 

Es ist falsch? Weil die Ansicht nicht angezeigt wird? Ich benutze veraltete Mertodos, führe mir lleguar viele Tutorials dort.

Danke, damit sie helfen können.

Antwort

1

Diese App erstellt, weil Sie den zweiten Parameter enthalten sind (eine Reihe von Abhängigkeiten zu injizieren):

den zweiten Parameter auf Ihren anderen angular.module() Definitionen
angular.module('app', [ 
    'ngRoute' 
]) 

entfernen, weil das eine neue App verursacht geschaffen werden jedes Mal.

angular.module('app') <-- no second parameter tells it to use the existing 'app' module 
    .factory('customerService', function() { 

    }); 

angular.module('app') <-- no second parameter tells it to use the existing 'app' module 
    .controller('customerController', ['$scope', 'customerService', function($scope, customerService) { 
     // 
    }]); 

Ich habe customerService auf dem Controller Definition Ihrer Injektionsmatrix, da die Array-Elemente genau Parameter an die Funktion übereinstimmen müssen. Wenn Sie die Syntax controllerAs wie in Ihrer Routendefinition verwenden, möchten Sie möglicherweise auch $scope nicht in Ihren Controller injizieren.

+0

Funktioniert gut. Danke. Du bist großartig. –

Verwandte Themen