具有 1 个变量的 Angularjs 数组不会使用 ng-repeat 打印

Question

我是 angularjs 新手，遇到了一个非常烦人的问题。 在我的应用程序中，我使用了一个包含所有功能的工厂，并让控制器使用它们。 我创建了一个返回数组并将其打印在网页上的函数， 但是当返回的数组只包含 1 个变量时，它会打印出一个空列表。当数组中有超过 1 个变量时，它工作正常。 console.log 显示该数组包含该变量，但它不会在我的列表中打印它。

如果这很重要，我也在使用引导程序。

我希望我正确地解释了我的问题。 感谢您的帮助！

工厂：

       function getArray(var){
        return $http.get(restURL+var).then(
                function(response){
                    return response.data.coupon;
                }
        );
    }

控制器：

         $scope.getArrayFunction = function(){
         appServicesProvider.getArray($scope.var).then(function(coupons){
             $scope.arrayVar = coupons;
         })
     }

HTML：

<div id="getArrayDiv">     
        <table class="table table-hover">
         <thead>
           <tr>
             <th>#</th>
             <th>&nbsp;Title</th>
             <th></th>
           </tr>
         </thead>
         <tbody>
           <tr ng-repeat="coupon in arrayVar">
             <td>{{coupon.id}}</td>
             <td>{{coupon.title}}</td>
           </tr>
         </tbody>
   </table>
    <input type="text" class="form-control" placeholder="Enter Type" ng-model="var" required="true">

    <button  class="btn  btn-success" ng-click="getArrayFunction()"  >Get Array</button>
 </div> <!-- /getArrayDiv -->  

Answer 1

我相信当只有一条记录要返回时，您的 API 会返回一个对象（而不是数组），而当有多个记录时返回一个数组。

所以，这里有一个解决方法，只需将您的工厂方法的 return 语句替换为以下语句，它应该可以正常工作。

return [].concat(response.data.coupon);

这里是了解更多concat功能的参考链接：https://www.w3schools.com/jsreF/jsref_concat_array.asp

希望这对您的问题有用。干杯！

Answer 2

这是因为你没有调用你的函数，请在你这样声明后调用你的函数

$scope.getArrayFunction();