Версия AngularJS

Я новый AngularJs.I работает из книги Oreilly AngularJS. Я запускаю этот код угловой версии 1.0.8 успешно, но не запускаю большую угловую версию. В чем причина этого?

<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
</head>
<body>



<div >

    <table ng-controller='AlbumController'>
        <tr ng-repeat="track in album">
            <td>{{$index + 1}}</td>
            <td>{{track.name}}</td>
            <td>{{track.duration}}</td>
        </tr>
    </table>


</div>

<script>

    var album = [
        {name:'Southwest Serenade', duration: '2:34'},
        {name:'Northern Light Waltz', duration: '3:21'},
        {name:'Eastern Tango', duration: '17:45'}];

    function AlbumController($scope){
        $scope.album=album;
    }



</script>

</body>
</html>

javascript,html,angularjs,

0

Ответов: 1

0 принят

Угловые версии 1.3+ вы больше не можете использовать объявление глобального контроллера в глобальной области.
Ваш контроллер должен быть изменен следующим образом:

var myApp = angular.module("myApp", []);
myApp.controller("AlbumController", function($scope) {

  var album = [{
    name: 'Southwest Serenade',
    duration: '2:34'
  }, {
    name: 'Northern Light Waltz',
    duration: '3:21'
  }, {
    name: 'Eastern Tango',
    duration: '17:45'
  }];
  $scope.album = album;
});

DEMO

JavaScript, HTML, angularjs,
Похожие вопросы
Яндекс.Метрика