# j-Watch

> Die Komponente kann die Methode in der Form Funktion (Wert, Element, Typ, Pfad) auswerten, wenn sich der Wert (entsprechend dem Pfad) ändert. Die Komponente kann die Beobachtung von Änderungen im Modell vereinfachen.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: bcbf64daae5024621191c04ac8339eeba7b26bb2ec8f00d07b33a2e9dcc587aa
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Die Komponente kann die Methode in der Form `function(value, element, type, path)` auswerten, wenn der Wert (entsprechend dem Pfad) geändert wird. Die Komponente kann die Beobachtung von Änderungen im Modell vereinfachen.


__Konfiguration__:

- `exec` ein Link zur Methode `function(value, element, flags, path)`

Verwenden Sie es mit `<ui-component name="watch">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<ui-component name="watch" path="common.value" config="exec:changedvalue"></ui-component>

<div class="padding">
	<div id="mytitle"></div>
</div>

<script>

	var common = { value: 'init' };

	setInterval(function() {
		SET('common.value', new Date().format('HH:mm:ss'));
	}, 1000);

	function changedvalue(value, element, type, path) {
		$('#mytitle').html(value);
	}

</script>
```