dust.js визуализировать динамический контент

Question

У меня есть код в моем шаблоне, который дает желаемый результат при загрузке страницы.

Есть ли способ, чтобы пыль визуализации страницы динамически, как я использую сокеты для обновления данных

{#storylines} 
<li>{text|bl|s} <span class="badge yellow">{@negidx}{.}{/negidx}</span></li>  
{/storylines} 

Оправы IO кода:

socket.on('updatechat', function (username, data) { 
     $('#newstoryline').before(blurlines(data)); 
}); 

Я попытался просто добавить <span class="badge yellow">{@negidx}{.}{/negidx}</span> к конец данных, но выход {@negidx}{.}{/negidx} - есть ли способ, чтобы dust.js отображал последние данные? или мне придется использовать какой-то jQuery вместо {@negidx}{.}{/negidx}?

Answer 1

Если вы предоставляете свои шаблоны на стороне клиента, это должно быть легко. Ваш код будет выглядеть примерно так:

socket.on('updatechat', function (username, data) { 
    if (data) { 
    dust.render('storyline', data, function(err, output) { 
     if (output) { 
     $('#newstoryline').before(output); 
     } 
    }); 
    } 
}); 

Что происходит здесь:

Возвращаемые данные должны быть в формате JSON. Убедитесь, что что-то было возвращено.

if (data) { 

Используйте dust, чтобы сделать шаблон, используя полученные данные.

Проверка на output:

if (output) { 

Вставьте output в вашу страницу. Обычно это делается с помощью innerHTML, но вы можете использовать все, что работает для вас. Помните, что output является строкой в ​​этой точке.

 $('#newstoryline').before(output);