Ошибка контроллера AngularJS

Я новичок в AngularJS и застревает с выходом.Ошибка контроллера AngularJS

Вот фрагмент кода:

<html ng-app> 
<body> 
<div class="container" data-ng-controller="simpleController"> 
    <ul> 
     <li ng-repeat="cust in customers | orderBy:'name'"> 
     {{ cust.name | uppercase }} - {{ cust.city | lowercase }} - {{     cust.balc | currency }} 
     </li> 
    </ul> 
</div> 
<script> 
    angular.module("app",[]).controller("simpleController",function($scope){ 
     $scope.customers = [ 
          { name: 'Dave', city: 'Jaipur', balc: '500'}, 
          { name: 'Shruti', city: 'Toronto', balc: '1000'}, 
          { name: 'Rishu', city: 'Phoenix', balc: '2000'}, 
          { name: 'Shweta', city: 'California',balc:'3000'} 
          ]; 
    } 
</script> 
</body> 
</html>

Может кто-нибудь сказать мне, что случилось с моим кодом. Я поставил одинарные кавычки перед тегом div и тегом li, потому что в противном случае он не отображался в stackoverflow.

источник

2016-08-22 ShrutiK

Можете ли вы разместить ссылку JSFiddle? –

как мы это сделаем? – ShrutiK

В ng-приложении вы не передаете имя модуля. Пожалуйста, найдите ссылку JSFiddle, которую я обновил с кодом.

HTML Code 
<html ng-app="app"> 

    <body> 
    <div class="container" data-ng-controller="simpleController"> 
     <ul> 
     <li ng-repeat="cust in customers | orderBy:'name'"> 
      {{ cust.name | uppercase }} - {{ cust.city | lowercase }} - {{ cust.balc | currency }} 
     </li> 
     </ul> 
    </div> 

    </body> 

</html> 

JS Code 
angular.module("app", []).controller("simpleController", function($scope) { 
    $scope.customers = [{ 
    name: 'Dave', 
    city: 'Jaipur', 
    balc: '500' 
    }, { 
    name: 'Shruti', 
    city: 'Toronto', 
    balc: '1000' 
    }, { 
    name: 'Rishu', 
    city: 'Phoenix', 
    balc: '2000' 
    }, { 
    name: 'Shweta', 
    city: 'California', 
    balc: '3000' 
    }]; 
})

http://jsfiddle.net/rs64h0jz/

источник

2016-08-22 11:11:58

Думаю, что не нужно. Я передаю имя контроллера в ng-контроллере. – ShrutiK

Ответ выше прав, но я предполагаю, что вы хотите использовать их в нг-повтора, так что вы можете использовать любое имя, которое вы хотите в выражениях, это имя будет текущий элемент вашего массива. Вам необходимо обернуть его вот так:

`<div ng-repeat="cust in customers">{{ cust.name | uppercase }} - {{ cust.city | lowercase }} - {{ cust.balc | currency }}</div>`

источник

2016-08-22 11:17:54 Julsy

, пожалуйста, проверьте отредактированный код. – ShrutiK

Я сделал рабочую [скрипку] (https://jsfiddle.net/93sezg99/10/) – Julsy

Собственно, вы можете использовать ее так, как вы ее написали, но: 1. Вы не закрыли функцию контроллера на линии до закрывающий тег '' и после '}'. Вы должны добавить ');'. 2. И вы должны добавить значение в '' like so '' – Julsy

Ошибка контроллера AngularJS

ответ

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