Javascript ng Angular.js中的重复未按预期工作
我有一个JavaScript对象,我将它推送到一个数组中,代码如下: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
//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;还不行