Question

我无法在html中显示表格。当我在表格中硬编码它们时，但是当使用angularjs时，它们不会出现。所以我认为问题与angualrjs中的某些事情有关。这是我想要显示的html代码：

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

这是我的controller.js代码：

{{1}}

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

Answer 1

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

Answer 2

检查出来：

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

希望，它解决了！

Html引导程序表没有出现在屏幕上

2 个答案: