Dynamische Werte

Dynamische Werte können als Platzhalter in Anleitungen verwendet werden. In Kombination mit Eingabefeldern lassen sich so bspw. dynamische Skript-Anleitungen erstellen. Alle Platzhalter auf der gegebenen Seite werden dann durch die Eingabewerte ersetzt, sobald die Eingabefelder geändert werden. Die eingegebenen Werte werden nur lokal im Page-Modell gespeichert und nicht ans Backend übertragen. So ist es auch Möglich, Eingabefelder für die Konfiguration bspw. von Passwörtern zu verwenden.

import { Val, TemplateCode, DynamicInput } from '@tdev-components/DynamicValues';

<DynamicInput name="name" default="Reto" />
<DynamicInput name="zahl" label="Lieblingszahl" default="42" />

Hallo **<Val name="name" />**, deine Lieblingszahl ist <Val name="zahl" as="boxed" />.

<TemplateCode>
```bash
echo "Hallo {{name}}!"
```
</TemplateCode>

In Python würde das wie folgt gemacht: <Val as="code">`print('Hallo {{name}}!')`</Val>.

Verstehst du, weshalb das Ergebnis immer __3__ ergibt?

<TemplateCode>
```py live_py slim
zahl = {{zahl}}
zahl = zahl * 2
zahl = zahl + 9
zahl = zahl - 3
zahl = zahl / 2
zahl = zahl - {{zahl}}
print(zahl)
```
</TemplateCode>

http://localhost:3000

Hallo , deine Lieblingszahl ist .

In Python würde das wie folgt gemacht: .

Verstehst du, weshalb das Ergebnis immer 3 ergibt?

Installation

Code

• src/components/DynamicValues