2017-02-26 2 views
0

Ich weiß, dass es viele Beispiele für angularjs Routing gibt, aber weiß nicht, warum das nicht für mich funktioniert. Ich habe versucht, eins alleine zu machen. Unten ist Plunk Ich benutze bitte zeigen Sie mir, wo ich falsch liege ... Was ich vermisse, weil es nicht auf meinem System funktioniert.Angularjs Routing will es

Plnkr

index.html

<!DOCTYPE html> 
<html ng-app="myApp"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21"></script> 
    <script data-require="[email protected]" data-semver="1.2.17" src="http://code.angularjs.org/1.2.17/angular-route.js"></script> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <header> 
     <h1>My app</h1> 
     <ul> 
      <li><a href="#/">Home</a></li> 
      <li><a href="#/about">About</a></li> 
     </ul> 
    </header> 

    <div class="content"> 
     <div ng-view></div> 
    </div> 
</body> 

script.js

angular 
    .module('myApp', ['ngRoute']) 
    .config(['$routeProvider', function($routeProvider){ 
     $routeProvider 
      .when('/', { 
       template: '<h2>{{page}}</h2>', 
       controller: ['$scope', function($scope){ 
        $scope.page = 'home'; 
       }] 
      }) 
      .when('/about', { 
       template: '<h2>{{page}}</h2>', 
       controller: ['$scope', function($scope){ 
        $scope.page = 'about'; 
       }] 
      }) 
      .otherwise({redirectTo: '/'}); 
    }]); 

Antwort

0

Sie https in Winkel route.js fehlen

Verwendung dieses src="https://code.angularjs.org/1.2.21/angular-route.js"

Nach dem Fehler in der Konsole wurde:

Mixed Content: The page at 'https://plnkr.co/edit/AK32mYeV41F2AlFBUFMB?p=preview' was loaded over HTTPS, but requested an insecure script 'http://code.angularjs.org/1.2.21/angular-route.js'. This request has been blocked; the content must be served over HTTPS. 
+0

Hallo Pranav, Danke, das geholfen hatte ich auch die für Winkel Route Referenz die gleiche Änderung tun –