javascript - ng-repeat 无法正常工作

Question

大家好，我正在运行这个简单的 HTML，Angular 代码，我无法在我的 html 中显示电影标题和 url....但是 $scope.test 正在显示...帮助!

angular.module('clientApp')
  .controller('MoviesCtrl', function ($scope) {
$scope.test = "tester";
    $scope.movies = [
      {
        title:"Green Card",
        url:"https://www.youtube.com/watch?v=_i8C9gO91ts"
      },
      {
        title: "Fidelawit ፊደላዊት",
        url: "https://www.youtube.com/watch?v=B4u4A7CF3N0"
      },
      {
        title: "Heran ሔራን",
        url: "https://www.youtube.com/watch?v=_TlRGhOdLJ0"
      },
      {
        title: "Lela Mafia ሌላ ማፊያ",
        url: "https://www.youtube.com/watch?v=_i8C9gO91ts"
      }
    ];
  });

<table class="table table-striped">
  <thead>
  <th>Title</th>
  <th>URL</th>
  </thead>
    <tbody>
      <tr ng-repeat="movie in movies">
        <td>{{ movie.title }}</td>
        <td>{{ movie.url }}</td>
      </tr>
    </tbody>
</table>

Answer 1

添加 AngularJS 如果它是您使用模块的第一个地方，您需要用空括号定义它 angular.module('clientApp', [])

angular.module('clientApp', [])
  .controller('MoviesCtrl', function ($scope) {
  $scope.test = "tester";
    $scope.movies = [
      {
        title:"Green Card",
        url:"https://www.youtube.com/watch?v=_i8C9gO91ts"
      },
      {
        title: "Fidelawit ፊደላዊት",
        url: "https://www.youtube.com/watch?v=B4u4A7CF3N0"
      },
      {
        title: "Heran ሔራን",
        url: "https://www.youtube.com/watch?v=_TlRGhOdLJ0"
      },
      {
        title: "Lela Mafia ሌላ ማፊያ",
        url: "https://www.youtube.com/watch?v=_i8C9gO91ts"
      }
    ];
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='clientApp' ng-controller='MoviesCtrl'>
  <table class="table table-striped">
  <thead>
  <th>Title</th>
  <th>URL</th>
  </thead>
    <tbody>
      <tr ng-repeat="(key, movie) in movies">
        <td>{{ movie.title }}</td>
        <td>{{ movie.url }}</td>
      </tr>
    </tbody>
</table>
</div>