javascript - Angular.js 中的 ng-repeat 未按预期工作

Question

我有一个 JavaScript 对象，我将其插入数组中，代码如下:

    //Firebase Retrieve Data
  var ref = firebase.database().ref().child("pelanggan");
  ref.on("child_added", function(snapshot) {
  var key = snapshot.key;
  console.log("SALES ID : " + key);

    var pelangganArr = new Array();
    var ref2 = firebase.database().ref().child("pelanggan").child(key);
    ref2.on('child_added', function(data) { 
    var pelanggan = new Object(); 
    pelanggan.alamat = data.val().alamat;         
    pelanggan.email = data.val().email;
    pelanggan.identitas = data.val().identitas;
    pelanggan.layanan = data.val().layanan;
    pelanggan.lo = data.val().lo;
    pelanggan.lt = data.val().lt;
    pelanggan.nama = data.val().nama;
    pelanggan.noHp = data.val().noHp;

    pelanggan.salesId = key;

    pelangganArr.push(pelanggan);
    console.log(pelanggan.salesId+" : "+pelanggan.nama+","+pelanggan.identitas+","+pelanggan.alamat+","+pelanggan.email);

我使用 ng-repeat 在 html 中显示它，在我得到的控制台上:

Sales Controller loaded..
sales.js:120 sales01 : Endang,85764321,Bintaro,een.cyber@gmail.com
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,gugi.pratama@gmail.com
sales.js:120 sales01 : Endang,85764321,Bintaro,een.cyber@gmail.com
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,gugi.pratama@gmail.com
sales.js:120 sales01 : Endang,85764321,Bintaro,een.cyber@gmail.com
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,gugi.pratama@gmail.com
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,imamfarisi@gmail.com
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,budi@gmail.com
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,riza1993@gmail.com
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,imamfarisi@gmail.com
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,budi@gmail.com
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,riza1993@gmail.com
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,imamfarisi@gmail.com
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,budi@gmail.com
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,riza1993@gmail.com

但我的观点是空白的，我编写的脚本如下:

<tbody ng-controller="SalesCtrl as t">
   <tr ng-repeat="pelanggan in pelangganArr">
      <td>{{pelanggan.alamat}}</td>
      <td>{{pelanggan.email}}</td>
      <td>{{pelanggan.lo}}</td>
      <td>{{pelanggan.lt}}</td>
      <td>{{pelanggan.nama}}</td>
      <td>{{pelanggan.noHp}}</td>
      <td></td>
      <td><a class="btn btn-success" ng-click="showEditSalesForm(sales)">Edit</a></td>
      <td><a class="btn btn-danger" ng-click="removeSales(sales)">Delete</a></td>
   </tr>
</tbody>

渲染它。

我是 Angular.js 的新手。

Answer 1

尝试

<tr ng-repeat="pelanggan in t.pelangganArr">