This commit is contained in:
Keith Cirkel 2020-02-12 18:42:45 +00:00
Родитель adce14dc19
Коммит 6aacacd543
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: E0736F11348DDD3A
2 изменённых файлов: 3 добавлений и 18 удалений

Просмотреть файл

@ -1,5 +1,5 @@
<hello-controller>
<input data-target="hello.input" type="text" />
<input data-target="hello.name" type="text" />
<button data-action="click->hello#greet">
Greet

Просмотреть файл

@ -40,29 +40,14 @@ function target(proto, propertyKey) {
});
}
function attribute(proto, propertyKey) {
Object.defineProperty(proto, propertyKey, {
get() {
console.log('get attribute', propertyKey, this)
return this.getAttribute("data-" + propertyKey);
},
set(value) {
return this.setAttribute("data-" + propertyKey, value);
}
});
}
/********************************************************************/
@controllerElement
class Hello extends HTMLElement {
@target input = HTMLInputElement;
@target name = HTMLInputElement;
@target output = HTMLElement;
@attribute name = "World";
greet() {
this.outputTarget.textContent = `Hello, ${this.inputTarget.value}!`;
this.outputTarget.textContent = `Hello, ${this.nameTarget.value}!`;
}
}