I've been working on integrating PubNub history into my web app, but I'm currently only able to view it in the console. Here's what I have so far:
pubnub.history(
{
channel: 'jChannel',
reverse: false,
count: 100,
stringifiedTimeToken: true
},
function (status, response)
{
// LOG HISTORY TO CONSOLE
console.log("History Below: ")
console.log(response);
}
);
I'm struggling to figure out how to display this information on my web app. I've tried using the following code within my HTML:
{{response}}
Unfortunately, this method doesn't seem to work. Any guidance would be greatly appreciated.
My TypeScript file looks like this:
export class ArduinoAppComponent implements OnInit {
public appStart = true;
public myMessage;
model = {
firstname: "",
lastname: "",
}
constructor(pubnub: PubNubAngular) {
pubnub.init({
publishKey: 'pub-',
subscribeKey: 'sub-'
})
pubnub.subscribe({
channels: ['jChannel'],
triggerEvents: true,
withPresence: true,
})
pubnub.history(
{
channel: 'jChannel',
reverse: false,
count: 100,
stringifiedTimeToken: true
},
function (status, response) {
console.log("History Below: ")
console.log(response);
}
);
And here is a snippet from my HTML file:
<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>