модуль angularjs не работает

Я изучаю AngularJS. Я пытаюсь перечислить переменную в контроллере. У меня это есть в скрипте.модуль angularjs не работает

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

demoController.controller('sampleController', function ($scope){ 
    $scope.customers=[ 
     {name:'John Smith', country:'Denmark', worth:'5000000'}, 
     {name:'John Lewis',country:'England',worth:'10000000'}, 
     {name:'Rick Evans',country:'America',worth:'6000000'} 
    ]; 
});

И у меня есть это в HTML.

<html ng-app="demoController"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 

    <body> 
     <h1>Applying filters</h1> 
     <div ng-controller="sampleController"> 
      <ul> 
       <li ng-repeat="cust in customers">{{ cust.name }} - {{ cust.country }} - {{ cust.worth | currency:"$":2 }}</li> 
      </ul> 
     </div> 
    </body> 
</html>

Это не перечисление переменной. Что не так с этим скриптом. Благодаря!!

источник

2015-03-25 prdtuty

ng-app = "demoController", когда angular.module ('sampleController', []); ? – GillesC

Вы должны определить свой модуль в правильном направлении

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

Затем используйте его в HTML-файл

<html ng-app="app">

Смотреть это работает на jsbin

Обратите внимание, что, имя углового модуля указано в котировках

angular.module('app',[]);

Итак, если вы написали var xModule = angular.module('app2',[]); ваше имя модуля app2 не xModule

источник

2015-03-25 20:29:35 mshaaban

Включение этого пустого массива является ключевым (в отличие от передачи имени модуля в качестве единственного аргумента). – oscilatingcretin

Вот код, я использую:

<meta name="robots" content="noindex"> 
<html data-ng-app="app"> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
<body> 
<h1>Applying filters</h1> 
<div data-ng-controller="sampleController"> 
<ul><li data-ng-repeat="cust in customers">{{ cust.name }} - {{ cust.country }} - {{ cust.worth | currency:"$":2 }}</li></ul> 
</div> 

<script id="jsbin-javascript">var app = angular.module('app',[]); 

app.controller('sampleController', function ($scope){ 
    $scope.customers=[ 
     {name:'John Smith', country:'Denmark', worth:'5000000'}, 
     {name:'John Lewis',country:'England',worth:'10000000'}, 
     {name:'Rick Evans',country:'America',worth:'6000000'} 
    ]; 
}); 
</script> 
</body></html>

И выход:

Applying filters 
{{ cust.name }} - {{ cust.country }} - {{ cust.worth | currency:"$":2 }}

L и я знаю, чего здесь нет.

источник

2015-10-02 18:22:30

модуль angularjs не работает

ответ

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