Отображение с использованием узла шаблона в узле red (IBM BLUEMIX)

Я пытался получить значение времени выполнения (msg.payload) из функционального узла (узел-красный) и предоставить его узлу шаблона (узел-красный) для отображения соответствующего изображения в соответствии с входом. Я использовал приведенный ниже код, но изображение не меняется в соответствии с выбором ввода. Ниже приведен код. Пожалуйста, взгляните и предоставьте мне некоторые идеи или что нужно изменить, чтобы заставить его работать.Отображение с использованием узла шаблона в узле red (IBM BLUEMIX)


          
   
    
    <html> 
 
    <head> 
 
    <script type="text/javascript"> 
 
     function displayImage() { 
 
      var j=parseInt({{payload}}); 
 
      document.getElementById("img").src = images[j]; 
 
     } 
 

 
     function startTimer() { 
 
      setInterval(displayImage,3000); 
 
     } 
 

 
     var images = []; 
 
     images[0] = "image1.jpg"; 
 
     images[1] = "image2.jpg"; 
 
     images[2] = "image3.jpg"; 
 
    </script> 
 
    </head> 
 
    <body onload="startTimer()"> 
 
    <img id="img" src="image1.jpg"/> 
 
    </body> 
 
</html>

источник

2015-08-18 Deepak Reddy

Что такое код? –

<тип скрипта = "текст/JavaScript"> функция displayImage() { вар J = ParseInt ({{}} полезной нагрузки); document.getElementById ("img"). Src = images [j]; } функция стартTimer() { комплектInterval (дисплейImage, 3000); } var images = []; images [0] = "image1.jpg"; изображения [1] = "image2.jpg"; изображения [2] = "image3.jpg"; <тела OnLoad = "StartTimer()"> –

Какова структура полезной нагрузки, есть поле для номера изображения? –

Используйте console.log (сообщение) и проверьте:

в {{}} полезной нагрузки параметр должен быть целым числом, как вы ожидали
значение параметра J, после его присвоения , должно быть целое число от 0-2

источник

2015-09-16 14:00:24 PaolaDV

Вы имеете дело с NodeRED. Самый простой способ узнать о вашем параметре полезной нагрузки - использовать узел Debug (темно-зеленый) и прикрепить его к тому же выводу, что и узел шаблона. Затем вы очень быстро увидите, из чего он сделан. Скорее всего, ваша полезная нагрузка - объект JSON. Что-то вроде этого:

{ "name" : "Peter", 
    "color" : "Blue", 
    "image" : "2" 
    }

... или аналогичный.

Тогда вы просто изменить, что содержание в {{ }}, чтобы отразить переменную внутри объекта JSON, который имеет номер, который вы заинтересованы в как:.

 {{payload.image}}

Дважды проверить функцию узла. Если это не заканчивается оператором return (обычно return msg), у вас просто не будет ввода.

источник

2015-09-17 02:39:10 stwissel

Отображение с использованием узла шаблона в узле red (IBM BLUEMIX)

ответ

Смежные вопросы