2015-03-01 2 views
0
<!DOCTYPE html> 
<html ng-app> 
<body data-ng-controller="SimpleController"> 
    <div class="container"> 


     Name: 
     <br/> 
     <input type="text" ng-model="name" />{{name}} 

     <br/> 

     <ul> 
      <li ng-repeat="cust in customers | filter:name | orderBy:'city'">{{cust.name | uppercase}} - {{cust.city | lowercase}} 
      </li> 
     </ul> 

    </div> 

    <script src="angular.min.js" ></script> 
    <script> 
     function SimpleController($scope) 
     { 
      $scope.customers = [ 
       { name: 'Joe', city: 'Seattle'}, 
       { name: 'Jack', city: 'Dallas'}, 
       { name: 'Jason', city: 'Houston'} 
      ]; 
     }  
    </script>    
</body> 

Угловая JS Ошибка: Ошибка: areq неверный аргумент

Я следовал учебник видео на Youtube. Я проверил несколько раз, но не смог найти никаких проблем. Ошибка: «https://docs.angularjs.org/error/ng/areq?p0=SimpleController&p1=not%20a%20function,%20got%20undefined» Пожалуйста, помогите!

enter image description here enter image description here

+1

Версия угловой? – squiroid

+0

Это не проблема версии ... код, показанный здесь, отлично работает. – m59

+0

Да, он работает отлично http://jsfiddle.net/xqovx7xu/ – squiroid

ответ

0

вам нужно назначить вид на контроллер в шаблоне так, что представление может сделать данные областей

var myApp = angular.module('myApp',[]); 
 

 
//myApp.directive('myDirective', function() {}); 
 
//myApp.factory('myService', function() {}); 
 

 
function MyCtrl($scope) { 
 
      $scope.customers = [ 
 
       { name: 'Joe', city: 'Seattle'}, 
 
       { name: 'Jack', city: 'Dallas'}, 
 
       { name: 'Jason', city: 'Houston'} 
 
      ]; 
 
     }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" > 
 
<div class="container" ng-controller="MyCtrl"> 
 

 

 
     Name: 
 
     <br/> 
 
     <input type="text" ng-model="name" />{{name}} 
 

 
     <br/> 
 

 
     <ul> 
 
      <li ng-repeat="cust in customers | filter:name | orderBy:'city'">{{cust.name | uppercase}} - {{cust.city | lowercase}} 
 
      </li> 
 
     </ul> 
 

 
    </div> 
 
</div>

Смежные вопросы