首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何正确设置多个接收数组的ng重复

如何正确设置多个接收数组的ng重复
EN

Stack Overflow用户
提问于 2017-08-04 20:10:21
回答 1查看 39关注 0票数 0

当我从php接收到一些数组时,我遇到了设置纳克重复的问题。有人能给我解释一下吗?我想要一个数组位置的一个div。谢谢您的回复,下面是代码:

角度

代码语言:javascript
复制
 <div ng-app="ReportRequest" ng-controller="InsertRequest" id="pos">
    <div ng-repeat="row in report.articles.rows" class="position articles">
       <p ng-bind="row"></p
    </div>

角度ajax请求(工作正常)

代码语言:javascript
复制
var RequestApp = angular.module('ReportRequest',[]);

RequestApp.controller('InsertRequest', function ($scope, $http) {
$http.get("functions.php", {
}).then(function success(response) {
    $scope.report = response.data.rows;
  })
});

PHP (有错误吗?)

代码语言:javascript
复制
<?php

header('Content-Type: application/json');

require_once  'db_connect.php';

function retrieveArticle($conn)
{

$prep_stmt = "SELECT * FROM blog";
$stmt = $conn->prepare($prep_stmt);

if ($stmt) {
    $stmt->execute();
    $result = $stmt->get_result();
    //$num_of_rows = $result->num_rows;

    while ($row = $result->fetch_assoc()) {
        //$id = $row['id'];
        $article[] = $row['article'];
    }


}

$stmt->free_result();
$stmt->close();

return $article;
}

$articles = array(retrieveArticle($conn));
$report = array('rows' => $articles);
echo json_encode($report);

接收到的数据:(json格式){“行”:[“Lorem ipsum dolor同坐,consectetur adipiscing elit”。在胸前的明渠。[医]延龄草。在不定式饮食中,欧纳雷。Etiam eget massa est dapibus aliquam。这是一种很好的方法。Nullam quam est,ultricies et varius pulvinar,hendrerit rhoncus ex.整颗乌尔纳狮子座,皮伦特斯式非智人之地,光速型非智人大。“,”,“洛雷姆同坐,圣洁的长矛。”在胸前的明渠。[医]延龄草。在不定式饮食中,欧纳雷。Etiam eget massa est dapibus aliquam。这是一种很好的方法。Nullam quam est,ultricies et varius pulvinar,hendrerit rhoncus ex.整颗乌尔纳狮子座,皮伦特斯式非智人之地,光速型非智人大。“,”,“洛雷姆同坐,圣洁的长矛。”在胸前的明渠。[医]延龄草。在不定式饮食中,欧纳雷。Etiam eget massa est dapibus aliquam。这是一种很好的方法。Nullam quam est,ultricies et varius pulvinar,hendrerit rhoncus ex.整颗乌尔纳狮子座,非智人之眼,白杨石型非智人大.“

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-04 20:55:31

根据您提供的json示例,是一个数组。因此,您需要使用两个重复来呈现那些json,我用ul举了一个例子。试试看。这对我来说很管用。

控制器

代码语言:javascript
复制
$scope.report = {
  "rows": [
    [
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit nec nulla at pretium. Suspendisse viverra tempus malesuada. In at imperdiet ipsum, eu ornare mi. Etiam eget massa ac est dapibus aliquam. Donec pharetra vehicula libero vulputate tristique. Nullam quam est, ultricies et varius pulvinar, hendrerit rhoncus ex. Integer urna leo, pellentesque non sapien ut, scelerisque imperdiet magna.",
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit nec nulla at pretium. Suspendisse viverra tempus malesuada. In at imperdiet ipsum, eu ornare mi. Etiam eget massa ac est dapibus aliquam. Donec pharetra vehicula libero vulputate tristique. Nullam quam est, ultricies et varius pulvinar, hendrerit rhoncus ex. Integer urna leo, pellentesque non sapien ut, scelerisque imperdiet magna.",
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit nec nulla at pretium. Suspendisse viverra tempus malesuada. In at imperdiet ipsum, eu ornare mi. Etiam eget massa ac est dapibus aliquam. Donec pharetra vehicula libero vulputate tristique. Nullam quam est, ultricies et varius pulvinar, hendrerit rhoncus ex. Integer urna leo, pellentesque non sapien ut, scelerisque imperdiet magna."
    ]
  ]

}

代码语言:javascript
复制
   <ul ng-repeat="item in report.rows" class="position articles">
       <li>{{$index}}
       <ul>
         <li ng-repeat="(key, value) in item track by $index">
         {{$index + '-'+value}}
       </li>
       </ul>
    </ul>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45514780

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档