javascript - Html Bootstrap 表未出现在屏幕上

Question

我在以 html 格式显示表格时遇到问题。当我对表中的值进行硬编码时，它们会出现，但是当使用 angularjs 时，它们不会出现。所以我认为问题与 angualrjs 中的某些内容有关。这是我试图显示的 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();
});

我通过flask-socketio接收一个数组，然后将该数组设置为我创建的 $scope.AllUsersFriends 数组。我在控制台中看到数据，但屏幕上没有出现任何行。如何让我的数据显示在屏幕上？谢谢。

Answer 1

所以我解决了我的问题，问题是数组中的数据实际上正在更新，但我的应用程序中有不同的页面，一旦我更改页面，数据就会丢失，然后我通过创建相同的数组解决了这个问题以便更改是全局的，并且数据不会从阵列中删除。所以表格总是显示，只是没有任何数据可显示。非常感谢