Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng Angular.js中的重复未按预期工作_Javascript_Angularjs_Firebase_Firebase Realtime Database - Fatal编程技术网

Javascript ng Angular.js中的重复未按预期工作

Javascript ng Angular.js中的重复未按预期工作,javascript,angularjs,firebase,firebase-realtime-database,Javascript,Angularjs,Firebase,Firebase Realtime Database,我有一个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

我有一个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>

{{pelanggan.alamat}}
{{pelanggan.email}
{{pelanggan.lo}}
{{pelanggan.lt}}
{{pelanggan.nama}}
{{pelanggan.noHp}
编辑
删除
渲染它

我是Angular.js的新手。

试试看

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

在控制器中,将pelangganArr声明为$scope.pelangganArr。
DOM中只有作用域变量可以被angular识别,并提供双向绑定。

Pelanganarr
应该是作用域变量。您能告诉我如何编写它吗,因为我知道使用作用域应该使用ref。但是我在代码中有两个ref,之后我创建了object。那么我应该在什么地方使用示波器呢?t在控制器中,您是否将
分配给var变量。类似这样的
var t=this
你的ng应用程序在哪里?你能为它创建一个plunker吗?试试
this.pelangganArr=pelangganArr我尝试过,$scope.pelanganarr=[]$pelangganArr.push范围(pelanggan)$scope.info=$scope.pelanganarr;还不行