Html önyükleme tablosu ekranda görünmüyor

Bir tabloyu html olarak görüntülemede sorun yaşıyorum. Tablodaki değerleri sabitlediğimde görünürler ancak angularjs kullanırken görünmezler. Bu yüzden sorunun angualrjs'de bir şeyle alakası olduğunu düşünüyorum. İşteHtml önyükleme tablosu ekranda görünmüyor

<div class="container"> 
<h2>Hover Rows</h2> 
<p>The .table-hover class enables a hover state on table rows:</p>    
<table class="table table-hover"> 
<thead> 
    <tr> 
    <th>Friends</th> 
    </tr> 
</thead> 
<tbody> 
    <tr ng-repeat="Friends in AllUsersFriends"> 
     <td>{{Friends}}</td> 
    </tr> 
</tbody> 
</table> 
</div>

benim controller.js kod edilir:

socket.on("AllFriends",function (Friends){ 
    $log.log('so the friends are'); 
    $scope.AllUsersFriends=Friends; 
    console.log($scope.AllUsersFriends); 
    $scope.$apply(); 
});

Ben şişesi-socketio aracılığıyla bir dizi alıyorum ve sonra ben bu diziyi set İşte ekrana çalışıyorum benim html kodu Oluşturduğum $ scope.AllUsersFriends dizim. Verileri konsolda görüyorum ancak ekranda hiçbir satır görünmüyor. Verilerimi ekranda görünecek şekilde nasıl alabilirim? Teşekkürler.

kaynak

2016-04-08 Laila

Konsolunuzda herhangi bir HTML iletiliyor mu? Belki de bir satır veya 'un bitmesine neden olan kötü bir işaret vardır ve bu da tablonun görünmemesine veya tablonun görüntülenmesini sağlayan bir sınıfa neden olabilir: none. Sadece bir düşünce – crazymatt

-1

Kontrol şuna:

<html> 
<head> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 

<table class="table table-hover"> 
    <tr><th>Friends</th></tr> 
    <tr ng-repeat="x in friends"><td>{{x.name}}</td></tr> 
</table> 

<script> 
//App declaration 
var app = angular.module('myApp',[]); 
//Controller Declaration 
app.controller('myCtrl',function($scope){ 
    $scope.friends = [{name: "Peter"},{name:"Laila"},{name:"Rosy"}]; 

}); 

</script> 
</body> 
</html>

Umut, bu çözer!

kaynak

2016-04-08 17:55:17 Deadpool

cevabınız için teşekkürler – Laila

bu yüzden sorunumu çözdüm ve sorun dizideki verilerin gerçekten güncelleniyor olmasıydı ancak uygulamamda farklı sayfalar var ve sayfayı değiştirir bitirmez verilerim kayboluyordu, ardından aynı şeyi oluşturarak çözdüm Bir hizmette diziyi değiştirir, böylece değişiklikler geneldir ve veriler diziden silinmez. Bu yüzden tablo her zaman gösterildi ve görüntülenecek herhangi bir veri yoktu. Teşekkürler çok

kaynak

2016-04-08 19:16:00 Laila

Html önyükleme tablosu ekranda görünmüyor

cevap

İlgili konular