Javascript 如何使用ng repeat对存储在对象中的数组进行迭代

我调用一个API端点，该端点返回一个对象。我想在对象中存储的名为

video

的数组上循环，并将数组中存储的所有链接返回到视图

从API返回的JSON对象

html代码

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

此错误出现在视频应显示的视图上

---

课程。视频是一个字符串，而不是数组。您需要解析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);
        });
};

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);
        });
};

它看起来像是
课程中的数组。视频
是一个字符串，请先尝试将其转换为数组，因为我看不到您的字符串有任何问题。它看起来像
课程中的数组。视频
是一个字符串，首先尝试将其转换为数组，因为我看不出您的ng Repeat有任何问题。这也适用于
enroled
（无输入错误）@Weedoze，因此我将数组解析添加到json中，如您在回答中所示。但我仍然得到一个404（）错误。我错过了什么。Thanks@SeanMcGrath你想用这个url做什么？404表示找不到。。。这与提供的代码无关。我已编辑问题以显示视图中显示的错误消息。我想要的是在视图中显示所有视频链接。当我在阵列上重复时，我希望显示视频。@SeanMcGrath我回答了这个问题。JSON解析出现错误。这个错误被解决了。现在，您遇到了一个完全其他的问题，这也适用于
enroled
（无输入错误）@Weedoze，因此我将数组解析添加到json中，如您在回答中所示。但我仍然得到一个404（）错误。我错过了什么。Thanks@SeanMcGrath你想用这个url做什么？404表示找不到。。。这与提供的代码无关。我已编辑问题以显示视图中显示的错误消息。我想要的是在视图中显示所有视频链接。当我在阵列上重复时，我希望显示视频。@SeanMcGrath我回答了这个问题。JSON解析出现错误。这个错误被解决了。现在你又遇到了另一个问题