2017-02-22 14 views
0

У меня есть объект JavaScript, что я толкаю его в массив, то код, как показано ниже:нг-повтор angularjs не работает

//Firebase Retrive 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); 

И я использую нг-повтора, чтобы отобразить его в HTML, на консоли Я получил:

Sales Controller loaded.. 
sales.js:120 sales01 : Endang,85764321,Bintaro,[email protected] 
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,[email protected] 
sales.js:120 sales01 : Endang,85764321,Bintaro,[email protected] 
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,[email protected] 
sales.js:120 sales01 : Endang,85764321,Bintaro,[email protected] 
sales.js:120 sales01 : Gugi Pratama,1234567894,Jl. Mampang Prapatan,[email protected] 
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,[email protected] 
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,[email protected] 
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,[email protected] 
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,[email protected] 
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,[email protected] 
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,[email protected] 
sales.js:120 sales02 : imam farisi,123456789,Jl. Pejaten Raya No.1, Pasar Minggu,[email protected] 
sales.js:120 sales02 : Budi,1234567891,Jl. Ragunan Raya No. 1, Jakarta Selatan,[email protected] 
sales.js:120 sales02 : Riza Putriyani,1234567892,Jl. Kemang Raya No. 1, Jakarta Selatan,[email protected] 

Но мой взгляд пустой, я написал сценарий, как:

<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> 

, чтобы сделать его.

Я новый в angularjs. Спасибо до

Th.

+1

'pelangganArr' должен быть переменным области –

+0

Не могли бы вы рассказать мне, как его написать, поскольку я знаю, что использование области использования должно использовать ref. Но у меня есть два ref в коде, после создания объекта. Итак, для чего я должен использовать область действия? Tahank: –

+0

в контроллере вы присваиваете переменной 'this' переменной var. что-то вроде этого 'var t = this' –

ответ

1

Попробуйте

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

Я сделал это, но все еще не работает –

+0

try' this.pelangganArr = pelangganArr; ' –

+0

Я пробовал, $ scope.pelangganArr = []; $ Scope.pelangganArr.push (pelanggan); $ Scope.info = $ scope.pelangganArr; еще не работает –

0

В контроллере объявить pelangganArr в $ scope.pelangganArr. Только переменные диапазона распознаются угловыми в DOM и обеспечивают двухстороннюю привязку.