如何使用NG重複存儲在localStorage的

我怎樣才能得到存儲在localStorage的如何使用NG重複存儲在localStorage的

這裏對象JSON文件是我的html：

<div class="card" ng-repeat="sign in monobjet_json.List"> 
    <ion-item> 
    <div class="video-container"> 
    <img ng-src="{{sign.src}}" width="200" height="150"/> 
    </div> 
    <div class="item item-icon-left assertive"> 
    <i class="icon ion-android-document"></i> 
    {{sign.texte}} 
    </div> 
    </ion-item> 
</div>

來源

2017-06-27 Nozha Gharnougui

什麼是錯誤\問題？也不要使用插值（'{{..}}'）在角指令，所以在NG-' src'刪除它們，不喜歡它：'NG-SRC = 「sign.src」' – anoop

//這裏是JS app.controller（ 'LoginCtrl'，函數（$範圍，$ HTTP）{$ HTTP .get（'signs.json'）。then（function（res）{scopesigns = res.data; var monobjet_json = JSON.stringify（ res.data）; localStorage.setItem（「objet」，monobjet_json）; }）;var monobjet_json = JSON.parse（localStorage.getItem（「objet」））; –

@NozhaGharnougui你可以編輯問題。請把這個問題本身 – tanmay

訪問從本地存儲器上的數據js代碼不能直接形成html。首先檢查數據是否已經存儲在存儲器中，以便您可以直接訪問它，而不進行後端調用，如果不存在，則調用後端，獲取數據並將其存儲在本地存儲中。這裏

app.controller('LoginCtrl', function($scope, $http){ 
    var item = localStorage.getItem("object") 
    if(item) { 
     $scope.monobjet_json = items; 
    } 
    else { 
     $http.get('signs.json').then(function(res) { 
     $scope.signs = res.data; 
     $scope.monobjet_json = JSON.stringify(res.data); 
     localStorage.setItem("object", $scope.monobjet_json); 
    }); 
    }

來源

2017-06-27 15:03:05

和ng-repeat =「登錄monobjet_json.List」保持那樣？ –

好的，如果你的對象有屬性列表 –

我的建議是創建一個角服務從源處理JSON有效載荷，並返回JSON數據的一個js對象表示。這可能會包含您的數組值作爲屬性。

服務：

return $http.get({'... your endpoint here'})

控制器：

var ctrl = this; 
service.getJson() 
    .then(function(res){ 
    ctrl.list = res.data 
    }

現在，在你的HTML你只綁定你NG-重複，讓您的圖片src。注意：$ ctrl指示使用角度組件，否則用你的控制器替換$ ctrl作爲var。

<div class="card" ng-repeat="sign in $ctrl.list"> 
<ion-item> 
<div class="video-container"> 
<img ng-src="{{sign.src}}" width="200" height="150"/> 
</div> 
<div class="item item-icon-left assertive"> 
<i class="icon ion-android-document"></i> 
{{sign.text}} 
</div> 
</ion-item> 
</div>

來源

2017-06-27 15:36:37 Kentonbmax

試試這個：

$http.get('signs.json').then(function(res){ 
    $scope.signs = res.data; 
    localStorage.remove('object'); 
    if(localStorage.getItem('object') == null){ 
    var monobjet_json = JSON.stringify(res.data.json()); 
    localStorage.setItem("object",monobjet_json); 
} 
}); 

if(localStorage.getItem('object') != null){ 
    var monobjet_json = JSON.parse(localStorage.getItem("object")); 
    var List = monobjet_json.List;// TODO: get some of data from json object 
} 

});

來源

2017-06-28 00:11:38

如何使用NG重複存儲在localStorage的

回答

相關問題