Сообщение от 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, но и для чего угодно.