угловой js, почему мои данные не визуализируются?

Привет, я пытаюсь изучить угловатые, но сложнее, чем я думал. Я только хочу визуализировать некоторое значение массива внутри контроллера, но в браузере, кажется, что-то показывать.угловой js, почему мои данные не визуализируются?

здесь код:

  <body ng-app="APP"> 
      <div ng-controller="theController"> 
       <b ng-repeat="item in items">{{item.title}}</b> 
      </div> 

      <script> 
        angular.module('APP',[]) 
        .controller ('theController',['$scope',function($scope){ 
        $scope.items[ 
         {'title':'a','type':1}, 
         {'title':'b','type':2}, 
         {'title':'c','type':1}, 
         {'title':'d','type':4} 
         ] 
       }]) 
      </script> 

      </body> 
</html>

я просто скопировать существующий учебник, так почему я могу увидеть что-либо внутри тега?

источник

2015-10-17 Pds Ink

Просто измените

От:

$scope.items[ 
      {'title':'a','type':1}, 
      {'title':'b','type':2}, 
      {'title':'c','type':1}, 
      {'title':'d','type':4} 
      ]

Для:

$scope.items = [ 
       {'title':'a','type':1}, 
       {'title':'b','type':2}, 
       {'title':'c','type':1}, 
       {'title':'d','type':4} 
       ]

Рабочая JsFiddle

источник

2015-10-17 12:41:20 Sajeetharan

: О ахаха был очень прост –

It является очень маленькой синтаксической ошибкой No Worries - Угловая очень простая и волшебная!


 
angular.module('APP',[]) //app core module 
 
       .controller ('theController',['$scope',function($scope){ //first controller to hold models 
 
       $scope.items = [ //**Here = was missing; that was your minor mistake**//first model as array of objects 
 
        {'title':'a','type':1}, 
 
        {'title':'b','type':2}, 
 
        {'title':'c','type':1}, 
 
        {'title':'d','type':4} 
 
        ]; //**semicolon was missing; putting is good practice** 
 
      }]);//**semicolon was missing; putting is good practice**

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<!-- app init and letting div to be controlled by our controller named as theController --> 
 
<div ng-app='APP' ng-controller='theController'> 
 
    <ol > 
 
    <!-- angular magical iteration on model, on items in this case --> 
 
    <li ng-repeat='item in items'> 
 
     Index:{{$index}} ==> {{item.title}} {{item.type}} 
 
    <li>  
 
    </ol> 
 
</div>

Счастливый Помощь!

источник

2015-10-17 15:06:15

угловой js, почему мои данные не визуализируются?

ответ

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