AngularJs 和离子。带有 ng-repeat 的离子滑块

Posted

技术标签:

【中文标题】AngularJs 和离子。带有 ng-repeat 的离子滑块【英文标题】:AngularJs and ionic. ion-slide-box with ng-repeat 【发布时间】:2016-03-11 19:02:08 【问题描述】:

我在使用<ion-slide-box> 时遇到了一个奇怪的问题。 在浏览器和 android 上,它看起来应该是这样。 但在 ios 9.2 上,它重复或因错误重复索引而中断。我这样设置轨道:

<ion-slide ng-repeat="vehicle in vehicles track by vehicle.spot_id">

这给出了重复索引错误

像这样

<ion-slide ng-repeat="vehicle in vehicles track by $index">

这复制了整个车辆对象

有人遇到过这个问题并知道如何解决吗?

谢谢

【问题讨论】:

【参考方案1】:

所以最后我有一个divion-slides 有同样的问题。

我对此问题的解决方案是遍历对象并将key, value 分配给一个新对象

$scope.vehiclesHolder = returnData; 
$scope.vehicles = [];
angular.forEach($scope.vehiclesHolder, function(value, key) 
    $scope.vehicles[key] = value;
);

【讨论】:

以上是关于AngularJs 和离子。带有 ng-repeat 的离子滑块的主要内容,如果未能解决你的问题,请参考以下文章

离子框架中的移动应用程序

未捕获(承诺):TypeError:无法读取未定义的属性“创建”(离子 3.9,Angularjs 5.0.3)

请求的资源上不存在“Access-Control-Allow-Origin”标头。离子、AngularJS、Spring Boot 1.3

在离子v1中添加新数据后,angularjs ng-repeat不会更新

如何使用角度和离子制作带有固定标题的可滚动表格

使用带有离子和电容器的 https 加载 webview