htmlブートストラップテーブルが画面に表示されない

htmlで表を表示するのに問題があります。テーブルの値をハードコードするときには表示されますが、angularjを使用するときは表示されません。だから私は問題がangualrjの何かと関係していると思う。ここで私は、ディスプレイにしようとしている私のhtmlコードは次のとおりです。ここでhtmlブートストラップテーブルが画面に表示されない

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

は私controller.jsコードは次のとおりです。

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

私はフラスコ-socketioを経由して、アレイを受け付けており、その後、私はその配列を設定しました私が作成した$ scope.AllUsersFriends配列。コンソールにデータが表示されますが、画面に行が表示されません。データを画面に表示させるにはどうすればよいですか？ありがとう。

出典

2016-04-08 Laila

あなたのconsole.logにHTMLを渡していますか？おそらく、行の原因となる不良マークがあるか、またはテーブルが表示されない原因となる可能性があるが時期尚早に終了する可能性があります。表を表示するように設定するクラスはありません。ちょうど考え – crazymatt

-1

チェックこのアウト：

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

希望、それが解決します！

出典

2016-04-08 17:55:17 Deadpool

あなたの返信に感謝 – Laila

私は問題を解決しましたが、問題はアレイからのデータが実際に更新されていましたが、私のアプリケーションで異なるページがあり、ページを変更するとすぐに失われてしまいました。変更がグローバルであり、データが配列から消去されないように、サービス内の配列を削除します。だから、テーブルは常に表示されているだけで、表示するデータはありませんでした。ありがとうございました

出典

2016-04-08 19:16:00 Laila

htmlブートストラップテーブルが画面に表示されない

答えて

関連する問題