Показать сообщение отдельно
  #6 (permalink)  
Старый 18.02.2014, 21:29
Интересующийся
Отправить личное сообщение для Aries Посмотреть профиль Найти все сообщения от Aries
 
Регистрация: 02.02.2013
Сообщений: 26

Сообщение от kostyanet Посмотреть сообщение
Что реализовать? Расскажите что это такое, вдруг я знаю.
К примеру, хочу сделать такую штуку.

Есть дом элемент.

Код:
<input type="text" id="test" test-attr="{{ data.val }}" />
Обращаем внимание на {{ data.val }}.

Далее код JS

// Глобальный объект, который будет связываться
var data = {};

(function() {
  var el = document.getElementById('test');

  data.val = 'new value';

  // Функция, которая свяжет объект и элемент (или элементы, DOM)
  MaginBindFunction(el, data);
})();

// Проверяем результат
console.log(document.getElementById('test').dataset.attr); // Show 'new value'

// Через три секунды изменим значение и оно должно так же в DOM элементе.
setTimeout(function() {
    data.val = 'change value';
    console.log(document.getElementById('test').dataset.attr); // Show 'change value'
}, 3000);


Бинд не только для атрибута data, но и для чего угодно.
Ответить с цитированием