Pass msg object containing HTML to <select> in UI template

Dashboard
1

I am trying to pass a msg that contains the string value "numbers". "numbers" contains options for a dropdown box as HTML.

This is the msg object I am using:
Capture

And this is the code in my template node:

<table id="table" border="1">
 <tr>
 <th>Duty</th> 
 <th>Name</th>
 </tr>

 <tbody>
 <tr ng-repeat="row in msg.payload">
 <td align="center" ng-repeat="item in row" >{{item}}</td>
 <td>
     <select>
         {{numbers}}
     </select>
 </td>
 </tr>
 </tbody>


</table>

How to I get the "numbers" data to appear between the <select></select>? If I paste the actual value of "numbers" there, the UI renders the dropdown box correctly. Currently I just get a blank dropdown

EDIT:
Here is how the UI looks:
Capture

The repeat is reading the "First Duty" etc from the array and is working correctly, but the second column should be populated with a drop down containing the options defined in the "numbers" string.

2

Look at the debug node again.

msg.payload is an array with 4 elements (unknown what they are).
msg.number contains a string.

Your template is repeating row in msg.payload, not numbers

3

The first

is working correctly, I am passing both an array and a string.
The array works correctly. I'll update my questions to make things clearer
4

The first works because you have a property called numbers

5

I have updated my question

6

Got it, i was confused. Perhaps it is caused by the double quotes in value ? Although I am not sure you can pass html to the template node.

7

Is this a ui-template that uses angular or a regular template node that uses moustache ?

8

It's a UI_Template node

9

Looks (to me) like it should be a regular template node. Then feed that into a ui-template node (with its default content of html bind)

10

Or maybe try {{msg.numbers}}