Routing Problem in Angular JS

ich bin gerade neu Winkel js und als ich versuchte, ein Fehler auftritt, zu studieren Routing .. bitte dies überprüfen ..Routing Problem in Angular JS

hier ist meine index.html

<!DOCTYPE html> 
<html data-ng-app="demoApp"> 

<head> 
    <title>Angular</title> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css"> 
</head> 

<body> 
    <div class="container"> 
     <div class="row"> 
      <div data-ng-view=""> </div> 
     </div> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script> 
    var demoApp = angular.module('demoApp', []); 
    demoApp.controller('firstController', function($scope) { 
     $scope.customers = [{ 
      name: 'nik', 
      city: 'san fransisco' 
     }, { 
      name: 'henry', 
      city: 'new york' 
     }, { 
      name: 'avida', 
      city: 'california' 
     }, { 
      name: 'lynda', 
      city: 'texas' 
     }]; 

     $scope.addCust = function($scope) { 
      $scope.customers.push({ 
       name: $scope.newCust.name, 
       city: $scope.newCust.city 
      }) 
     } 
    }); 
    demoApp.config(function($routeProvider) { 
     $routeProvider 
      .when('/view1', { 
       controller: 'firstController', 
       templateUrl: '1.html' 
      }) 
      .when('/view2', { 
       controller: 'firstController', 
       templateUrl: '2.html' 
      }) 
      .otherwise({ 
       redirectTo: '/view1' 
      }); 
    }); 
    </script> 
</body> 

</html>

routing funktioniert nicht, da es "/ view2" als Standard laden soll, wenn ich index.html nehme

Ich hoffe, dass ich keinen Code von 1.html und 2.html hier als Referenz einfügen muss, da dieser nur die 'li' Tag, der die Daten von diesem zeigt.

Fehler ist, Angularjs: 38Uncaught Fehler: [$ Injektor: modulerr]? http://errors.angularjs.org/1.5.6/ $ Injektor/modulerr p0 = DemoApp & p1 = Fehler% 3A ... ogleapis.com% 2Fajax% 2Flibs% 2Fangularjs% 2F1.5.6 % 2Fangular.min.js% 3A39% 3A222)

Vielen Dank.

Quelle

2016-06-16 Ganesh Kumar G

müssen Sie ng-Route Skript angular-route

Quelle

2016-06-16 19:29:25 user3227295

umfassen, aber ich sehe einige Beispiele, ohne zu arbeiten dieser Zugabe .. (nach einem Video-tut - dass gerade dieser Code funktioniert !!) –

@GaneshKumarG ja, aber welche Version von dem Winkel Benutzt du und welche Version benutzt das Tutorial? Wenn Sie die Fehler-URL gelesen haben, die Ihnen mitgeteilt wurde, wird Ihnen mitgeteilt, dass die Route auf einen eigenen Modul-Eintrag 1.2 verschoben wurde, Sie verwenden 1.5 ... Sie benötigen eine Injektion, und in Ihrem Fall benötigen Sie das Skript 1.5 Gut. – ajmajmajma

yep, hab es, seit neu dazu hat es nicht gemerkt :) danke .. –

Routing Problem in Angular JS

Antwort

Verwandte Themen