Angularでのルーティングの問題

私はAngularには新しく、私は回避できない問題に遭遇しました。私は他の人が同じ質問をしているのを見ましたが、彼らの問題は行方不明の人と関係していました。['ngRoute']。何度もコードをチェックしましたが、何かが見逃されたかもしれないので、これについて助けてください。前もって感謝します！Angularでのルーティングの問題

ディレクトリhttp://i.stack.imgur.com/zvaqU.png

firstpage.html：

<html ng-app="myApp"> 
    <head> 

    </head> 
     <body> 
     <div ng-view></div> 
     <script 
      src="angular.min.js"> 
     </script> 
     <script 
      src="angular-route.js"> 
     </script> 

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

     </body> 
</html>

test.js：

var app = angular.module('myApp',['ngRoute']); 
     app.config(function ($routeProvider) { 
      $routeProvider 
       .when('/', 
        { 
         controller: 'SimpleController', 
         templateUrl: 'Partials/View1.html' 
        }) 
       .when('/view2', 
        { 
         controller: 'SimpleController', 
         templateUrl: 'Partials/View2.html' 
        }) 
       .otherwise({redirectTo:'/'}); 
      }); 

     var controllers = {}; 
     controllers.SimpleController = function ($scope) { 
      $scope.djs=[{name:'Adam Beyer',city:'Sweden',djRank:1}, 
          {name:'Joseph Capriati',city:'Napoli',djRank:4}, 
          {name:'Nina Kraviz',city: 'Moscow',djRank:7}, 
          {name:'Adam Petrov',city:'Sofia',djRank:100}]; 

      $scope.addCustomer() = function() { 
       $scope.djs.push({name:$scope.newCustomer.name, 
           city:$scope.newCustomer.city}); 
      }; 
     }; 
     app.controller(controllers);

View1.html ：

<div class = "container"> 
    <h2>View 1</h2> 
     Name: 
     <br/> 
     <input ng-model="filter.name" /> 
     <br/> 
     <ul> 
      <li ng-repeat="dj in djs|filter:filter.name|orderBy:'djRank'"> {{dj.name}} 
      </li> 
     </ul> 

     <br/> 
     Customer Name: <br/> 
     <input type="text" ng-model="customer.name" /> 
     <br/> 
     Customer City: <br/> 
     <input type="text" ng-model = "customer.city" /> 
     <br/> 
     <button ng-click="addCustomer()">Add Customer</button> 
</div>

View2.html：

<div class="container"> 
    <h2>View 2</h2> 
    City: 
    <br/> 
    <input type = "text" ng-model="city" /> 
    <br/> 
    <ul> 
     <li ng-repeat= "dj in djs |filter:city"</li> 
    </ul> 
</div>

出典

2016-06-23 Radoslav Naidenov

あなたの問題は何ですか？コンソールにエラーはありますか？ – Michelangelo

あなたのコードを[plunker]（http://plnkr.co/edit/ml4g2q7exva0WEu9tiGn?p=preview）に再作成しましたが、間違って表示されることはありません。他の....あなたはあなたの問題が何であるかを精緻化できますか？ – Claies

ブラウザのJavaScriptコンソールで探します。それはエラーが – Phil

あなたのコントローラにタイプミスをしました。それは右addCustomer後に括弧が存在してはならない

$scope.addCustomer = function() { 
    $scope.djs.push({name:$scope.newCustomer.name, 
        city:$scope.newCustomer.city}); 
};

ない

$scope.addCustomer() = function() { 
    $scope.djs.push({name:$scope.newCustomer.name, 
        city:$scope.newCustomer.city}); 
};

注意してくださいする必要があります。

出典

2016-06-23 00:24:36 yihangho

これは実際にコード内のエラーですが、OPが尋ねてきたルーティングの問題については説明していませんし、そのコメントで明確になっています... – Claies

私は答えを投稿したときに、そのコメントはまだありませんでした。 – yihangho

Angularでのルーティングの問題

答えて

関連する問題