2016-05-01 7 views
0

私はangle jsの学習を始めました。私はカスタムコントローラを介して私のビューをバインドしたい。しかし、デバッグに、私はスコープundefined.Hereが私のコード

<!DOCTYPE html> 
<html data-ng-app> 
<head> 
    <title>Using Angular JS Directives and Data Binding</title> 

</head> 
    <body data-ng-controller='SimpleController'> 
     Name: <br/> 
     <input type="text" data-ng-model="name"/> 
     <br/> 

     <!--<div class="container" data-ng-init="customers=[{name:'Abhishek',city:'Bangalore'},{name:'Sagar',city:'New York'},{name:'Jarvis',city:'Atlanta'}]" >--> 
     <div class="container"> 
      <h3>looping using ng-repeat Directive</h3> 
      <ul> 
       <li data-ng-repeat="cust in customers | filter:name | orderBy:'city' ">{{ cust.name }} - {{cust.city}}</li> 
      </ul> 
     </div> 

     <script src="angular.min.js"></script> 
     <script> 
      function SimpleController($scope){ 
       $scope.customers = [ 
        {name :'Abhishek',city:'Bangalore'}, 
        {name:'Sagar',city:'New York'}, 
        {name :'Jarvis',city:'Atlanta'} 
       ]; 
      } 
     </script> 

    </body> 
</html> 

このエラーを得ている得ました。 引数 'SimpleController'は関数ではありません。定義されていません

答えて

1

moduleng-appはアプリケーションのどこにでも宣言していません。

HTML:

<body ng-app="app" ng-controller='SimpleController' > 

JS:

var app = angular.module('app', []); 
    app.controller('SimpleController',['$scope',function($scope) 
    { 
     $scope.customers = [ 
         {name :'Abhishek',city:'Bangalore'}, 
         {name:'Sagar',city:'New York'}, 
         {name :'Jarvis',city:'Atlanta'} 
        ]; 

    }]); 

ここでは、作業app

です
関連する問題