【问题标题】:Angular js, not showing socket data at Table (ng-repeat)Angular js,未在表中显示套接字数据(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 的对象数组

标签: javascript node.js angularjs sockets


【解决方案1】:

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

【讨论】:

  • @safaaytan 这是一个常见错误,请务必在处理请求时仔细检查响应
猜你喜欢
  • 2023-03-25
  • 1970-01-01
  • 2016-08-17
  • 2017-09-09
  • 2018-01-17
  • 2017-04-15
  • 1970-01-01
  • 1970-01-01
  • 2016-11-28
相关资源
最近更新 更多