Hi.
I don't understand why, if I inject an object in a template node, I cannot seem to access its payload from the node itself, I just see [object Object]
How can I have the contet of this html page more dynamic and interactive?
[{"id":"2feca46f.5f215c","type":"http in","z":"f9f6dc90.b5871","name":"","url":"/test-page","method":"get","upload":false,"swaggerDoc":"","x":300,"y":2060,"wires":[["2ddfa476.8ecaec"]]},{"id":"2ddfa476.8ecaec","type":"template","z":"f9f6dc90.b5871","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<!DOCTYPE html>\n<html>\n<head> \n <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/slate/bootstrap.min.css\" integrity=\"sha384-8iuq0iaMHpnH2vSyvZMSIqQuUnQA7QM+f6srIdlgBrTSEyd//AWNMyEaSF2yPzNQ\" crossorigin=\"anonymous\">\n</head> \n \n<body>\n<div class = \"container\">\n \n\n<h1>My First Heading</h1>\n<p>My first paragraph.</p>\n\n<div class=\"jumbotron\">\n {{payload}}\n <h1 class=\"display-3\">Hello, {{name}}</h1>\n <p class=\"lead\">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>\n <hr class=\"my-4\">\n <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>\n <p class=\"lead\">\n <a class=\"btn btn-primary btn-lg\" href=\"#\" role=\"button\">Learn more</a>\n </p>\n \n</div>\n\n<table class=\"table table-hover\">\n <thead>\n <tr>\n <th scope=\"col\">Type</th>\n <th scope=\"col\">Column heading</th>\n <th scope=\"col\">Column heading</th>\n <th scope=\"col\">Column heading</th>\n </tr>\n </thead>\n <tbody>\n <tr class=\"table-active\">\n <th scope=\"row\">Active</th>\n <td>Column content</td>\n <td>Column content</td>\n <td>Column content</td>\n </tr>\n <tr>\n <th scope=\"row\">Default</th>\n <td>Column content</td>\n <td>Column content</td>\n <td>Column content</td>\n </tr>\n <tr>\n <th scope=\"row\">Default</th>\n <td>Column content</td>\n <td>Column content</td>\n <td>Column content</td>\n </tr>\n <tr>\n <th scope=\"row\">Default</th>\n <td>Column content</td>\n <td>Column content</td>\n <td>Column content</td>\n </tr>\n \n </tbody>\n</table>\n\n</div>\n</body>\n</html>","output":"str","x":560,"y":2000,"wires":[["fa85ddf6.841d7"]]},{"id":"fa85ddf6.841d7","type":"http response","z":"f9f6dc90.b5871","name":"","statusCode":"","headers":{},"x":770,"y":2020,"wires":[]},{"id":"fc7e3095.60008","type":"comment","z":"f9f6dc90.b5871","name":"Basic CSS page based on slate","info":"","x":270,"y":1900,"wires":[]},{"id":"25b85ae5.099bc6","type":"inject","z":"f9f6dc90.b5871","name":"","props":[{"p":"payload.name","v":"ITS","vt":"str"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","x":380,"y":1960,"wires":[["2ddfa476.8ecaec"]]}]