Javascript 为什么只有部分JSON数据发布到DOM，而不是全部？_Javascript_Angularjs_Json_Dom_Angularjs Ng Repeat

Javascript 为什么只有部分JSON数据发布到DOM，而不是全部？

javascript angularjs json dom

Javascript 为什么只有部分JSON数据发布到DOM，而不是全部？,javascript,angularjs,json,dom,angularjs-ng-repeat,Javascript,Angularjs,Json,Dom,Angularjs Ng Repeat,我正在尝试使用AngularJS的ng repeat将JSON数据发布到DOM。这是可行的，但不是所有的事情。只有随机的数据被发布。我假设问题出在ng repeat中。我做错了什么下面是它的样子：你可以看到一些部分是如何变成空白的。以下是我将数据记录到控制台时数据的外观：这是我的html： <html> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/b

我正在尝试使用AngularJS的

ng repeat

将JSON数据发布到DOM。这是可行的，但不是所有的事情。只有随机的数据被发布。我假设问题出在

ng repeat

中。我做错了什么

下面是它的样子：

你可以看到一些部分是如何变成空白的。以下是我将数据记录到控制台时数据的外观：

这是我的html：

<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="https://dogdatabase-d31f.restdb.io/rest/_jsapi.js"></script>
</head>

<div ng-app="app" style="margin:45px;" ng-controller="ctrl as $ctrl">
<ul>
    <li class="list" style="list-style:none;" ng-repeat="dog in $ctrl.dogs"><strong>{{dog.breed}}</strong>
        <br>
        Description: <span ng-repeat="description in dog.description">{{description}}</span>
        <br>
        Size: <span ng-repeat="size in dog.size" style="color:blue;">{{size}}</span>
        <br>
        Lifespan: <span ng-repeat="lifespan in dog.lifespan" style="color:green;">{{lifespan}}</span>
        <br><br>
    </li>
</ul>
</div>

<script type='text/javascript' src='dogapp.js'></script>
</body>
</html>

我想现在应该可以了

<li class="list" style="list-style:none;" ng-repeat="dog in $ctrl.dogs"><strong>{{dog.breed}}</strong>
    <br>
    Description: <span>{{dog.description}}</span>
    <br>
    Size: <span style="color:blue;">{{dog.size}}</span>
    <br>
    Lifespan: <span style="color:green;">{{dog.lifespan}}</span>
    <br><br>
</li>

{{dog.breed}


描述：{{dog.Description}


大小：{{dog.Size}


寿命：{{dog.Lifespan}

只有随机的数据被发布

我们需要更多的细节。您的意思是数组的某些元素没有显示，或者对象的某些属性没有显示？你能给我们更多关于物体属性的信息吗<代码>也是

描述

，

大小

和

寿命

数组？是dog.description数组吗？为什么在span上使用

ng repeat

？您是否也检查了来自服务的数据？可能缺少属性。我只是在上面添加了另一张图片，显示了将数据记录到控制台时发生的情况。但是是的，有些元素没有出现。描述、大小和寿命是JSON.removed ng repeats中的属性

<li class="list" style="list-style:none;" ng-repeat="dog in $ctrl.dogs"><strong>{{dog.breed}}</strong>
    <br>
    Description: <span>{{dog.description}}</span>
    <br>
    Size: <span style="color:blue;">{{dog.size}}</span>
    <br>
    Lifespan: <span style="color:green;">{{dog.lifespan}}</span>
    <br><br>
</li>