显示JSON数组中的项目

时间:2015-12-03 15:50:44

标签: javascript angularjs json ionic

我想创建一个收藏页面,人们可以在这里收藏和办公,然后它会显示在收藏页面中。

这是我的控制器,我正在尝试显示变量中的项目' d'。

.controller('FavCtrl', function($scope, $window, $http){

var flag = false;
var b = JSON.parse($window.localStorage['fav']);
console.log(b);

$scope.ifinfav = function(d){
  if (b.indexOf(d) !== -1){
    var flag = true;
    console.log(flag);
    return flag;
  }
}

})

这是我想要输出项目的收藏页面。我试图使用ng-class通过传入JSON项的id并仅返回存储在localstorage中的收藏夹,如果其为true或false则返回。如果id在localstorage中,那么它应该在页面上输出该项,但我不知道从哪里开始。

<ion-view view-title="Favourites">
    <ion-content ng-controller="APICtrl">
        <ion-list>
        <ion-item ng-class="ifinfav(office.id)" id="fav" class="item-icon-right" collection-repeat="office in offices" ng-controller="ModalCtrl" ng-click="openModal(office.id); lastview(office.id);">
            <!-- <p>{{office.id}}</p> -->
            <p id="details">{{office.LocAddressLine1 + ", " + office.LocAddressLine2 + ", " + office.LocCity + ", " + office.LocCountryDescription + ", " + office.LocZipPostalCode}}</p>
            <i ng-class="{'icon ion-android-star': liked, 'icon ion-android-star-outline': !liked}" ng-click="togglefav(office.id); $event.stopPropagation();"></i>
        </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

0 个答案:

没有答案