ng-repeatが回りません

前提・実現したいこと

Monaca Cloudにてアプリの開発をしています。
AngularJSの$httpサービスを用いてJSONから配列を受け取り、ng-repeatで回したいのですがうまくいきません(そもそもrepeatが回らない)。
どなたかお助けください。

発生している問題・エラーメッセージ

該当のソースコード

JavaScript
1ons.bootstrap()
2 .controller('ctrl',['$http', function($http) {
3  this.getList = function() {
4   $http.get('list.json').then(
5    function (data) {
6     this.items = data.data;
7    },
8    function (err) {
9     console.log('!!error!!');
10   })
11  };
12 }]);

JSON
1[
2 {"name":"hoge"},
3 ...
4]

HTML
1<script>...</script>
2<body>
3 <ons-page ng-controller="ctrl as c">
4  <ons-toolbar>...</ons-toolbar>
5  <ons-list ng-init="c.getList()">
6   <ons-list-item ng-repeat="item in c.items">
7    {{item.name}}
8   </ons-list-item>
9  </ons-list>
10 </ons-page>
11</body>

補足情報（FW/ツールのバージョンなど）

Monaca, AngularJS

行動規範の内容に同意します

回答1件

ベストアンサー

Angular1あまり詳しくないですが試してみました

html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
6  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
7  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
8  <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
9  <script src="https://cdnjs.cloudflare.com/ajax/libs/onsen/2.10.2/js/angular-onsenui.min.js"></script>
10</head>
11
12<body>
13  <ons-page ng-controller="ctrl as c">
14    <ons-toolbar>...</ons-toolbar>
15    <ons-list ng-init="c.getList()">
16      <ons-list-item ng-repeat="item in items">
17        {{ item.name }}
18      </ons-list-item>
19    </ons-list>
20  </ons-page>
21  <script>
22    ons.bootstrap()
23    .controller('ctrl', ['$scope', '$http', function($scope, $http) {
24      this.getList = function() {
25        $http.get('list.json').then(
26          function (data) {
27            $scope.items = data.data;
28          },
29          function (err) {
30            console.log('!!error!!');
31          }
32        )
33      }
34    }]);
35  </script>
36</body>
37</html>