如何从angular2中的observable获取键/值数据

时间:2017-08-07 19:14:09

标签: javascript angular typescript angular-cli angular2-template

尝试使用rxjs

以角度从服务器打印键/值

以下是我的代码

  let listener = c.listenFor('addMessage');
  listener.subscribe(mesg => {

          console.log(mesg);

  });

但它只打印键:

  

FIELD_NAME

     

KVD_VRT

我想看起来像:

  

FIELD_NAME:9.02798989742435

     

KVD_VRT:2.96959280174672

我的javascript代码工作正常,但不知道如何在角度做同样的事情:

        chat.client.addMessage = function (name, message) {
            // Html encode display name and message.
            var encodedName = $('111').text(name).html();
            var encodedMsg = $('<div >').text(message).html();
            // Add the message to the page.
            $('#discussion').append('<li><strong>' + encodedName
                + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
        };

不知道剂量角度处理,订阅键/值数据。

任何帮助都将被挪用

1 个答案:

答案 0 :(得分:0)

假设你的mesg是一个对象。

你试过吗

let listener = c.listenFor('addMessage');
listener.subscribe(mesg => {
console.log(mesg.entires());

});

一般

Object.entries() 

为数组中的每个条目返回一个Key,Value Pairs数组

如果您想在密钥中显示相应的值,那么在 Component.html 文件中使用

<tr *ngFor=" let msg of mesg"> <td>{{msg.FIELD_NAME}} </td> <td> {{msg.KVD_VRT}} </td> </tr>