Question

我有以下格式从laravel返回的数据。我将其存储在localstorage中，供用户登录后使用。

我在前端使用角度，这是我存储它的方式

$http.get($scope.url).success(function(redata){
    localStorage.setItem('session', JSON.stringify(redata));
    $scope.fulldata = JSON.parse(localStorage.getItem("session"));
});

这是json数据

{
"tweets":[
    {"id":"3","uid":"15","tweets":"Molly's first tweet"},
    {"id":"4","uid":"15","tweets":"molly again here, second tweet"},
    {"id":"5","uid":"15","tweets":"third tweet"}
   ],

"users":[
    {"id":"1","name":"rob","email":"rob@gmail.com","password":""},
    {"id":"2","name":"bob","email":"bob@gmail.com","password":""}
    ]
}

我可以使用angular ng-repeat

显示json

<p ng-repeat="data in fulldata">
    {{ data }}
</p>

但是，如果我只需要显示推文的内容，即＆＃34;推文＆＃34;推文领域，我该怎么做。

我试过了： -

<p ng-repeat="data in fulldata">
    {{ data.tweets.tweets }}
</p>

但这不起作用。

由于

Answer 1

你正在遍历整数，它只有一个推文元素。你需要循环遍历fulldata.tweets

<p ng-repeat="data in fulldata.tweets">
    {{ data.tweets}}
</p>

或者如果您需要遍历所有推文的所有全部数据

<div ng-repeat="data in fulldata">
   <p ng-repeat="tweet in data.tweets">
       {{ tweet.tweets }}
   </p>
</div>

Answer 2

你必须循环推文数组。

<p ng-repeat="data in fulldata.tweets">
    {{ data.tweets }}
</p>

Answer 3

因为内部JSON是嵌套的，所以你需要两个嵌套的ng-repeat

<div ng-repeat="data in fulldata">
 <p ng-repeat="tweets in data.tweets">
    {{ tweets.tweets }}
 </p>
</div>

Answer 4

<p ng-repeat="tweet in fulldata.tweets">
    {{ tweet.tweets }}
</p>

这是你想要做的，除非你特别想要，否则不需要嵌套的ng-repeats。

如何在存储在localstorage

4 个答案: