2016-09-21 5 views
-1

ngRoute funktioniert, aber ich kann nicht Modell in der Ansicht anzeigen. Es scheint, dass der Controller nicht korrekt erkannt wird. Wenn ich dieses Beispiel starte, bekomme ich das folgende Ergebnis. Erster Benutzer: Benutzername: {{}} user.username Bewertung: {{}} user.ratingngroute funktioniert, aber Controller funktioniert nicht

/* file user.js*/ 
 
var app= angular.module('userApp',['ngRoute']); 
 

 
app.controller('userListController', function($scope){  
 

 
    $scope.users=[ 
 
\t { 
 
\t  "username": "Bryant", 
 
\t  "rating": 37 
 
\t }, 
 
\t { 
 
\t  "username": "Wells", 
 
\t  "rating": 1 
 
\t }, 
 
\t { 
 
\t  "username": "Sims", 
 
\t  "rating": 4 
 
\t }, 
 
\t { 
 
\t  "username": "Blankenship", 
 
\t  "rating": 37 
 
\t }, 
 
\t { 
 
\t  "username": "Simon", 
 
\t  "rating": 11 
 
\t }, 
 
\t { 
 
\t  "username": "Reyes", 
 
\t  "rating": 9 
 
\t }, 
 
\t { 
 
\t  "username": "Malone", 
 
\t  "rating": 17 
 
\t }, 
 
\t { 
 
\t  "username": "Evans", 
 
\t  "rating": 25 
 
\t }, 
 
\t { 
 
\t  "username": "Keller", 
 
\t  "rating": 32 
 
\t } 
 
    ]; 
 

 

 
}); 
 

 
app.config(function($routeProvider){ 
 
    
 
    $routeProvider.when('/', {templateUrl: '/home.html'}).when('/members', {templateUrl: '/members.html',controller:'userListController'}).otherwise({redirectTo : '/'}); 
 

 
});
<!--file mermbers.html --> 
 
<ul> 
 
    <li ng-repeat="user in users"> First user : 
 
     <ul> 
 
\t  <li> username: {{ user.username }}</li> 
 
\t  <li>rating :{{ user.rating }}</li> 
 
     </ul> 
 
    </li> 
 
</ul> 
 

 
<!-- file index.html--> 
 

 
<!doctype html> 
 
<html ng-app="userApp"> 
 
    <head> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
     <script src="https://code.angularjs.org/1.5.8/angular-route.min.js"></script> 
 
     <script src="user.js"></script> 
 
    
 

 
    </head> 
 
    <body ng-app="userApp"> 
 

 
    
 
    
 
     <div ng-view></div> 
 
    </body> 
 
</html>

+0

Diese Ausgabe ist typisch für einen katastrophalen Fehler der Anwendung. Was sagt das Konsolenprotokoll? –

+0

Btw, überprüfen Sie dieses. Ich habe deinen Code auf den Kopf gestellt und modifiziert, um die Mitgliederansicht im root anzuzeigen. es funktioniert irgendwie. Also Controller ist in Ordnung. [plunker demo] (https://plnkr.co/edit/1eVJxGNle53fs4ebU5Ag?p=preview) –

+0

danke vladimir, meine konsole zeigt keine fehler an ich kann das problem nicht gefunden – midy62

Antwort

0

erklären Sie ng-app="userApp" zweimal (in HTML und BODY). Vielleicht müssen Sie stattdessen ng-controller="userListController" in BODY deklarieren.

Überprüfen Sie die Konsolenausgabe, wenn beim Laden der Seite nach Fehlern gesucht wird.

+0

ja ich dupliziere die ng-app, aber das Entfernen der doppelten ng-app löst mein Problem nicht, die Deklaration von ng-controller wird gesetzt der Routenanbieter: .. when ('/ members', {templateUrl: '/members.html',controller:'userListController'}). und schließlich sehe ich keine fehler in der konsole – midy62

Verwandte Themen