发送表单函数时，ng-repeat将不起作用

Question

这是我的控制器：

.controller('RouteController', function($scope,$timeout, $stateParams, Account) {

    $scope.showRouteByCity= function(cityName){
      Account.getRouteByCity(cityName).then(function (response) {
        $scope.routesByCities = response.data.routeSatart;
        console.log($scope.routesByCities);
      });
    }
}

这里我发送对象数组。当我检查控制台时，我可以看到：

当我尝试将ng-repeat用于此对象时，我只会看到空白屏幕。

以下是我的代码

<ion-view view-title="All routes">
  <ion-content>
    <ul>
      <li ng-repeat=" tt in routesByCities">{{tt.time}}</li>
    </ul>
  </ion-content>
</ion-view>

是否有一些特殊方法可以将变量发送到视图？如果我使用fucntion或我做了一些我看不到的错误。

以下是我的回应： Account.getRouteByCity(cityName) - reponse

解决方案1.

对于一些reasone，当我使用函数时，它不想在视图上显示信息。我找到了这个解决方案并且有效。它不是那么干净和漂亮，所以如果其他人有任何其他解决方案，请分享。

var cityName = $stateParams.city;
    Account.getRouteByCity(cityName).then(function (response) {
      $scope.routesByCities = response.data.routeSatart;
      console.log($scope.routesByCities);
    });

在这里，我使用StateParams获取城市名称形式Url，然后我显示routes.I不明白为什么它不能与function（）...

Answer 1

试试这个

<ion-view view-title="All routes">
  <ion-content>
    <ul ng-repeat=" item in routesByCities">
      <li>{{item.time}}</li>
    </ul>
  </ion-content>
</ion-view>

OR

<ion-content>
  <ion-item collection-repeat="item in routesByCities">
    {{item.time}}
  </ion-item>
</ion-content>