Two-way data binding
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- angular, javascript, react
調査の方向性
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.
索引モデルが issue の本文から書いたものです。
説明
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>
- 主要言語
- JavaScript
- スター
- 39
- フォーク
- 14
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
UI5/sample-webcomponents-angular のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 42/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
UI5/sample-webcomponents-angular の issue をすべて見る
似ている issue
-
factory-active factory-automatic task-bug-reproduction-success task-identify-harness-labels-done task-identify-issue-type-done
難易度 2/5 1〜3時間 初心者へのやさしさ 90/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
status: waiting triage
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
freeCodeCamp/freeCodeCamp#70412 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
rohitg00/ai-engineering-from-scratch#490 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 6 日以内に返信