Javascript 在循环中的仪表板ui_模板(节点红色)中创建复选框,并将检查状态分配给输出msg.payload

Javascript 在循环中的仪表板ui_模板(节点红色)中创建复选框,并将检查状态分配给输出msg.payload,javascript,html,templates,checkbox,node-red,Javascript,Html,Templates,Checkbox,Node Red,我正在从初始输入msg.payload在循环中创建复选框(请参阅下面正在运行的代码)。 输入有效载荷示例: msg.payload=[{“NAME”:“a”},{“NAME”:“b”}] 选择图表数据 {{msg.payload[$index].NAME} 我试图为每个复选框(更改时)获取输出msg.payload(推送到流),其中包含复选框的名称(此处为“a”或“b”)和状态(选中/未选中) 有人知道怎么做吗 p、 美国:这里是流程图: [{"id":"3bbd849e.391734","

我正在从初始输入msg.payload在循环中创建复选框(请参阅下面正在运行的代码)。 输入有效载荷示例: msg.payload=[{“NAME”:“a”},{“NAME”:“b”}]


选择图表数据
{{msg.payload[$index].NAME}
我试图为每个复选框(更改时)获取输出msg.payload(推送到流),其中包含复选框的名称(此处为“a”或“b”)和状态(选中/未选中)

有人知道怎么做吗

p、 美国:这里是流程图:

[{"id":"3bbd849e.391734","type":"inject","z":"256e6f3d.da9f7","name":"","topic":"","payload":"[{\"NAME\":\"a\"},{\"NAME\":\"b\"}]","payloadType":"json","repeat":"","crontab":"","once":false,"x":341.08331298828125,"y":216.08334350585938,"wires":[["f6bae45e.b99088"]]},{"id":"f6bae45e.b99088","type":"ui_template","z":"256e6f3d.da9f7","group":"34890ec3.1f4b6a","name":"checkbox","order":11,"width":"3","height":"8","format":"<form>\n    <fieldset style=\"width:85%\">\n    <legend>choose chartdata</legend>\n        <div ng-repeat=\"x in msg.payload\">\n            <input type=\"checkbox\" name={{msg.payload[$index].NAME}}>\n            <label for={{msg.payload[$index].NAME}}>{{msg.payload[$index].NAME}}</label>\n        </div>\n    </fieldset>\n</form>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":513.4889526367188,"y":217.39315795898438,"wires":[[]]},{"id":"34890ec3.1f4b6a","type":"ui_group","name":"Group 1","tab":"a52427c4.c3901","order":1,"disp":true,"width":6},{"id":"a52427c4.c3901","type":"ui_tab","z":"","name":"test","icon":"dashboard","order":12}]
[{“id”:“3bbd849e.391734”,“type”:“inject”,“z”:“256e6f3d.da9f7”,“name”:“topic”:“payload”:“[{“name\”:“a\”,{“name\”:“b\”,“payloadType”:“json”,“repeat”:“crontab”:“once”:false,“x”:341.08331298828125,“y”:216.083343350585938,“wires”[“f6bae45e.b99088”],“wires”;“id”;“id.ae45e”;“b990e”;“b6b”;“模板”;“b6ui”:“b6b8f6ui”:“daf6ui”:“34890ec3.1f4b6a”,“名称”:“复选框”,“顺序”:11,“宽度”:“3”,“高度”:“8”,“格式”:“\n\n选择图表数据\n\n\n{{msg.payload[$index].name}}\n\n\n”,“storeOutMessages”:true,“fwdMessages”:true,“templateScope”:“本地”,“x”:513.4889526367188,“y”:217.39315795898438,“电线”:[[]},{“id”:“34890ec3.1f4b6a”键入“:”ui_group“,”name“:”group 1“,”tab“:”a52427c4.c3901“,”order“:1,“disp”:true,“width”:6},{”id“:”a52427c4.c3901“,”type“:”ui_tab“,”z“,”name“:”测试“,”图标“:”仪表板“,”order“:12}]

此代码似乎有效:

<form>
    <fieldset style="width:85%">
    <legend>choose chartdata</legend>
        <div ng-repeat="x in msg.payload">
            <label>{{x.NAME}}
                <input  type="checkbox" style="float:left; position: relative; top: 5px;"
                        ng-model="check"
                        ng-change="send({var:x.NAME, state:check})">
            </label>
        </div>
    </fieldset>
</form>

选择图表数据
{{x.NAME}

取消选中ui\u模板中的“从输入传递消息”和“将输出消息添加到存储状态”

<form>
    <fieldset style="width:85%">
    <legend>choose chartdata</legend>
        <div ng-repeat="x in msg.payload">
            <label>{{x.NAME}}
                <input  type="checkbox" style="float:left; position: relative; top: 5px;"
                        ng-model="check"
                        ng-change="send({var:x.NAME, state:check})">
            </label>
        </div>
    </fieldset>
</form>