Angular5 中的 PubNub 历史

Question

我正在尝试将 pubnub 历史记录发布到我正在构建的网络应用程序中。我目前只能将其发送到控制台。这就是我所拥有的：

pubnub.history(
    {
        channel: 'jChannel',

        reverse: false, // false is the default
        count: 100, // 100 is the default
        stringifiedTimeToken: true // false is the default
    },
    function (status, response)
    {
        // LOG HISTORY TO CONSOLE
        console.log("History Below: ")
        console.log(response);
    }
);

有谁知道我如何将它发布到我的网络应用程序上？ 我试过这样做：

{{response}}

在我的 html 中，但这不起作用。任何帮助表示赞赏。

我的 ts：

export class ArduinoAppComponent implements OnInit {
    public appStart = true;
    public myMessage;
    // CREATING MODEL FOR USER INPUT
    model = {
        firstname: "",
        lastname: "",
    }
    constructor(pubnub: PubNubAngular) {
        // LINKJ TO PUBNUB
        pubnub.init({
            publishKey: 'pub-',
            subscribeKey: 'sub-'
        })
        pubnub.subscribe({
            channels: ['jChannel'],
            triggerEvents: true,
            withPresence: true,

        })
        // CREATE PUBNUB HISTORY
        pubnub.history(
            {
                channel: 'jChannel',
                reverse: false, // false is the default
                count: 100, // 100 is the default
                stringifiedTimeToken: true // false is the default
            },
            function (status, response) {
                // LOG HISTORY TO CONSOLE
                console.log("History Below: ")
                console.log(response);
            }
        );

和html：

<div class="col-md-3 minus-margin2">
    <h2 style="padding-top: 75%;"> What's next?</h2>
    <button class="btn btn-info">next?</button>
    {{response}}
</div>

Answer 1

您需要将历史响应的值存储到一个变量中。

export class ArduinoAppComponent implements OnInit {
public appStart = true;
public myMessage;
public history: any = {};
// CREATING MODEL FOR USER INPUT
 model = {
   firstname: "",
   lastname:"",
}


constructor(pubnub: PubNubAngular) {
  // LINKJ TO PUBNUB
  pubnub.init({
      publishKey: 'pub-',
      subscribeKey: 'sub-'
      })
      pubnub.subscribe({
        channels: ['jChannel'],
        triggerEvents: true,
        withPresence: true,

    })

    // CREATE PUBNUB HISTORY
    pubnub.history(
    {
        channel: 'jChannel',

        reverse: false, // false is the default
        count: 100, // 100 is the default
        stringifiedTimeToken: true // false is the default
    }, function (status, response){
        //store response in variable defined above.
        this.history = response;
    }
);

HTML

<div class="col-md-3 minus-margin2">
 <h2 style="padding-top: 75%;"> What's next?</h2>
 <button class="btn btn-info">next?</button>
   <span>{{history}}</span>
</div>