Two-way data binding
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- angular, javascript, react
Piste de recherche
Review the Angular, React, and Vue tutorial pages linked in the issue, then locate the existing event-binding examples in each sample app. Done means all three apps demonstrate editable text fields and a checkbox, plus a button that swaps the text values and toggles the checkbox through model-to-view updates.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Thank you for all three sample apps (angular, react, vue), really helpful in evaluations and discussions,
Would it be possible to extend all three apps, with the two-way binding, even the simplest way?
Like for example: two text fields and one checkbox, which can be edited in UI, for view to model changes.
And one button, with the click logic to swap the text fields’ bound data values and toggle the checkbox bound data value, for model to view changes?
The reason I am asking is that two-way binding looks like a kind of challenge.
You can use two-way data binding with the following components: CheckBox, RadioButton, Input, DatePicker, Switch, TextArea. In order to use it, you have to use a library called Origami ...
Data binding not mentioned at all, only event binding. There are more possibilities in React, one could be shown as example.
v-model binding doesn’t work as expected for custom elements. In order to use two way data binding, you should bind and update the value yourself like this
<ui5-input
:value="inputValue"
@input="inputValue = $event.target.value">
</ui5-input>
- Langage dominant
- JavaScript
- Étoiles
- 39
- Forks
- 14
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de UI5/sample-webcomponents-angular
-
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 42/100
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
Toutes les issues de UI5/sample-webcomponents-angular
Issues similaires
-
enhancement good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
anoopcodehack/DevBoard#609 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 86/100
openai/codex-plugin-cc#813 ·
-
area: ops type: test
Difficulté 2/5 1-3 heures Accessibilité débutants 79/100
accensa/x402-facilitator-stellar#559 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
bilawalsidhu/gods-eye-view#1060 ·
Les mainteneurs répondent en général sous 1 jour
-
Progress difficulty filter lists Hard before MediumPeut-être pris @Pandamachi l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 86/100
sysprog21/codetrial#281 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour