Angular js,未在表中显示套接字数据(ng-repeat)

Posted

技术标签:

【中文标题】Angular js,未在表中显示套接字数据(ng-repeat)【英文标题】:Angular js, not showing socket data at Table (ng-repeat) 【发布时间】:2020-07-30 18:13:29 【问题描述】:
 div(ng-controller="dashController")
    nav.navbar.navbar-expand-sm.navbar-dark.fixed-top
      .container
        img(src='../images/Dashboard.png', alt='logo', width='180px')
        ul.navbar-nav
          li.nav-item
            a.nav-link.active(href='#')
              i.fas.fa-sign-out-alt  Çıkış Yap   

 main
      .container
        .row
          .col-md-1
          .col-md-7
            .card
              .card-header
                h5 Ozkaynak Hesaplaması
              #oTab.card-body
                .table-responsive
                  table.table.table-stripped.table-hover(cellspacing='0')
                    thead.thead.bg-primary.text-white
                      tr
                        th.th-sm Musteri No
                        th.th-sm Ozkaynak
                    tbody
                     tr(ng-repeat="equs in equss track by $index")
                        td equs.mNo
                        td equs.ozkynk

这是我的 pug.file

app.controller('dashController', ['$scope',($scope) =>
   const socket = io.connect('http://localhost:3000');
        socket.on('ozkaynak',(data)=>
            $scope.equss = data;
             $scope.$apply(); 
            console.log($scope.equss);
     ) 

这是我的 Controller.file

你好。我试图在表格中显示我的数据,但我做不到。当我编写 console.log(scope.equss) 但数据未显示在窗口上时,我成功了。我该如何解决这个问题。

这是我在控制台中的数据:

【问题讨论】:

我没有尝试超时。这可能是真的。我会试试的。 你能把console.log($scope.equss)的值贴出来吗? 0: mNo: 12, ozkynk: 1.8340553051309822 1: mNo: 200, ozkynk: 1.2171679175254009 2: mNo: 404, ozkynk: 1.000259591203633,ozkynk: 3 No: 4 66 1 4:MNO:407,ozkynk:0.8792038558162468 5:MNO:607,ozkynk:1.3248722280551353 6:MNO:777,ozkynk:1.0575929081504263 7:MNO:862,ozkynk:1.2677970046267748 8:MNO :1061,奥兹金克:6.805391200712722 ... 这是我来自 socket.emit 的对象数组 【参考方案1】:

您将使用$scope.equss = data.equs,因为您的data 是一个对象 equs: Array(21)

【讨论】:

@safaaytan 这是一个常见错误,请务必在处理请求时仔细检查响应

以上是关于Angular js,未在表中显示套接字数据(ng-repeat)的主要内容,如果未能解决你的问题,请参考以下文章

数组未在表中显示

如何使用ng-repeat在表中显示数组

如何显示“未找到结果”,如果在表中未找到数据-Angular 8

Camelot 未在表中检测到表

Vue.js状态未更新:已解决

Angular.js - ng-repeat 不显示更新的数组