Question

我正在尝试填充一个关于从Mongo DB获取Ajax的JSON数据的表。

我能够在警报中看到收到的数据。但是我的桌子没有填充。我点击了retrive按钮来获取数据。

JS代码：

   $scope.retrive = function()
    {
      $scope.people =[];
            $.ajax({
                    url     : "https://api.mongolab.com/api/1/databases/geolocation/collections/boom?apiKey=veTqID_gkb74tG-yL4MGcS1p2RRBP1Pf",
                    type    : "GET",
                            dataType: "json",
                    success: function(data) {
                    $scope.people = JSON.stringify(data);
                    alert($scope.people);
                            //alert("status = "+data.status+"descripttion"+data.description);
                            //console.log(data);
                              //document.getElementById("n1").innerHTML = data[0].name;
                  //alert(JSON.stringify(data));
                              tableCreate(data);
                            //alert(data[0].name);
                              //var json = JSON.parse(data);
                            //alert(json.name);
                    }
                });
    };


         }]);

HTML code：

  <div>
      <table>
    <tr>
        <th>ITEM</th>
        <th>DESCRIPTION</th>
        <th>QUANTITY</th>
        <th>LOCATION</th>
        <th>CATEGORY</th>

    </tr>
    <tr ng-repeat="person in people">
        <td>{{person.Item}}</td>
        <td>{{person.Description}}</td>
        <td>{{person.Quantity}}</td>        
        <td>{{person.Location}}</td>
        <td>{{person.Category}}</td>
    </tr>
</table>
    </div>

以下是Plunker链接：

http://plnkr.co/edit/OKzTApbW7ii8R0EMrOyx?p=preview

Answer 1

尝试是这样的：

注意（只是提示）：将API密钥置于堆栈溢出问题中并不是一个好主意。保持API密钥的私密性，因为任何机构都可以使用您的密钥，并且您可能因未经授权的使用而阻止服务。

git clone https://github.com/MyOrganization/myorganization.github.io.git
cd myorganization.github.io.git
git remote add other https://github.com/MyOrganization/mylibrary.git
git fetch other
git checkout -b gh-pages --track other/gh_pages
git remote remove other

Heres一个正在工作的Plunker：

http://plnkr.co/edit/xoFuBa695E7O1g6gTcm4?p=preview

UPDATED Plunker

http://plnkr.co/edit/7E4PKbnqBDwsVptIaJ1Q?p=preview

通过ng-repeat将ajax数据填充到表中的问题

1 个答案: