ng-repeatを使用してオブジェクトに格納された配列を反復処理する方法

Question

単一のオブジェクトを返すAPIエンドポイントを呼び出します。オブジェクトに格納されているvideoという名前の配列をループし、配列に格納されているすべてのリンクをビューに戻したいとします。

JSONオブジェクトは、APIから戻さAPIコールのコントローラで

HTMLコード

<div class="myVideo" ng-repeat="v in courses.video"> 
    <iframe width="560" height="315" ng-src="{{'v.video'}}" 
     frameborder="10" allowfullscreen></iframe> 
</div> 

機能

$scope.getCourse = function(id){ 
     coursesFac.getCourseById(id) 
      .then(function (response) { 
       $scope.courses = response.data; 
       var items =response.data; 
       console.log(items); 
       //console.log($scope.courses.video); 
      }, function (error) { 
       $scope.status = 'Unable to load course data: ' + error.message; 
       console.log($scope.status); 
      }); 
    }; 

ない配列 -

このエラーは、動画が

Answer 1

courses.videoを表示する必要があるビューに表示される文字列です。あなたはJSON

$scope.getCourse = function(id) { 
    coursesFac.getCourseById(id) 
     .then(function(response) { 
      response.data.video = JSON.parse(response.data.video); //HERE 
      $scope.courses = response.data; 
      var items = response.data; 
      console.log(items); 
      //console.log($scope.courses.video); 
     }, function(error) { 
      $scope.status = 'Unable to load course data: ' + error.message; 
      console.log($scope.status); 
     }); 
};