Angularfire-Routing funktioniert nicht richtig

tut gerade ein Tutorial. Ich bekomme keine Fehler innerhalb der Google Chrome-Konsole und da mein Code ziemlich 1: 1 mit den Autoren ist, denke ich, der Fehler kommt von Änderungen in der Winkelsyntax (Tutorial ist ein bisschen veraltet, denke ich).Angularfire-Routing funktioniert nicht richtig

index.html:

 <!DOCTYPE html> 
    <html ng-app="app"> 
    <head> 
     <title> Expense App </title> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="/styles.css"> 






    </head> 
    <body> 
     <ng-view></ng-view> 
     <!-- AngularJS --> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 

    <!-- Firebase --> 
     <script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script> 

    <!-- AngularFire --> 
     <script src="https://cdn.firebase.com/libs/angularfire/2.3.0/angularfire.min.js"></script> 

     <script type="text/javascript" src="/app.js"></script> 
     <script type="text/javascript" src="/home/home.js"></script> 


    </body> 

    </html>

app.js:

var app = angular.module('app', ['ng-route', 'firebase']); 

app.config(function($routeProvider){ 
    $routeProvider.when('/home', { 

    template: '<home></home>' 

    }) 
    .otherwise('/home') 
});

/home/home.js:

angular.module('app').component('home', { 
    templateUrl: '/home/home.html' 
});

/home/home.html

<h1> Expenses App </h1>

Ziemlich klar. Das Problem ist, dass home.html überhaupt nicht gerendert wird. Wenn ich localhost eingeben: 3000/home/home.html bekomme ich Zugriff darauf. Also ich denke, es ist ein Problem mit dem Routing. Irgendwelche Ideen?

Quelle

2017-08-26 Prometheus

ngRoute ersetzen

var app = angular.module('app', ['ngRoute', 'firebase']);

Quelle

2017-08-26 09:09:33

ich es geändert haben. Allerdings wird die home.html-Site immer noch nicht gerendert. – Prometheus

Angularfire-Routing funktioniert nicht richtig

Antwort

Verwandte Themen