将 json 对象从 jquery 发送到 angularjs 并使用 ng-repeat

Posted

技术标签:

【中文标题】将 json 对象从 jquery 发送到 angularjs 并使用 ng-repeat【英文标题】:send json object from jquery to angularjs and use ng-repeat 【发布时间】:2020-01-12 06:34:54 【问题描述】:

我有一个来自节点服务器的 json 对象作为变量“msg”并通过 socket.on 接收它 我想将此json与angularjs一起用作ng-repeat 请帮忙!

<script>
   var socket = io();

    socket.on('chat message', function(msg)
    $("ul").html(msg);


    var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) 
    $scope.msgs = msg;
);

    );


  </script>

<ul>
      <li ng-repeat="item in msgs">
         item.Name
      </li>
  </ul>

我在服务器中有这个代码变量

initData = JSON.parse('<%-JSON.stringify(data)%>'); 

我想我必须使用 json.stringify(msg);将其转换为 json

如何将它与 Angular js ng-repeat 一起使用!

【问题讨论】:

【参考方案1】:

也许,

(function() 
        angular.module('myApp', [])
            .controller("jsCtrl", jsCtrl);

        jsCtrl.$inject = ['$scope'];

        function jsCtrl($scope) 
            var socket = io();

            socket.on('chat message', function(msg) 
                    $scope.msgs = angular.fromJson(msg);
                
            
        );
)();

这只是一个想法,我不知道到底要来什么样的数据。

【讨论】:

感谢重播,我在服务器中有这段代码 var initData = JSON.parse('');像任何 json 数组一样向我发送 json 数据

以上是关于将 json 对象从 jquery 发送到 angularjs 并使用 ng-repeat的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 将 JSON 对象成功发送到 ASP.NET WebMethod

将 JSON 数据从 JQuery 发送到 WCF REST 方法时出现问题

Ajax 将带有两个数组的 JSON 对象发送到一个 servlet 并在没有 jQuery 的情况下在 java servlet 中解析

使用 jQuery 将 JSON 发送到服务器

将 Json 对象从控制器操作返回到 jQuery

将 JSON 发送到 web 方法?