UIには、ラジオボタンの2つのYESとNO、これらのラジオボタンの値に基づいてドロップダウンとテキストボックスを表示する方法があります。ユーザーがYESラジオをクリックしてドロップダウンを表示する必要がある場合、ラジオをチェックしてからテキストボックスに角2を使用して表示する必要があります。typescript.please誰かがリンクを提供します。角2文字:ラジオボタンに基づいてドロップダウンとテキストボックスを表示する方法
2
A
答えて
1
コードを見ずに簡単な例を示します。あなたがコード例を与えることができれば、私はもっと詳しく説明することができます。
<div>
<input type="radio" [(ngModel)]="radioValue" name="radioValue" value="true" />YES
<input type="radio" [(ngModel)]="radioValue" name="radioValue" value="false" />NO
</div>
<div>
<select *ngIf="!radioValue">
<option>Some Option</option>
</select>
<input type="text" *ngIf="radioValue" />
</div>
3
これは残念なことに動作しないので、aholtryの答えに小さな変更。ラジオボタンの値はboolean
ではありませんが、string
なので、値を文字列値と照らし合わせる必要があります。ここでは「はい」と「いいえ」を使用しています。
ので:
<input type="radio" [(ngModel)]="radioValue" value="yes" />YES
<input type="radio" [(ngModel)]="radioValue" value="no"/>NO
<select *ngIf="radioValue == 'yes'">
<option>Some Option</option>
</select>
<input type="text" *ngIf="radioValue == 'no'" />
これはあなたが始める必要があります! :)
+0
ありがとうございますが、ラジオボタンを切り替える際に、ドロップダウンとテキストボックスの値をクリアする方法を教えてください。 –
+0
あなたが何を意味するか分かりません、もう少し詳しく説明できますか?現在、私の答えのコードは、ラジオボタンの切り替え時に選択と入力をクリアします。しかし、もっとコードがあると思いますか? – Alex
関連する問題
- 1. 角2文字:ラジオボタンのバックエンド値に基づいてドロップダウンリストを表示する方法
- 2. JavaScriptを使用してテキストボックスに基づいてドロップダウンを表示または非表示にする方法
- 3. QTableViewの列にドロップダウンを表示し、ドロップダウンに基づいてフィルタする方法
- 4. angualr 2アプリケーションでtypescriptを使用して他のドロップダウン値に基づいてドロップダウン値を表示する方法
- 5. そのドロップダウン選択に基づいてテキストボックスとドロップダウンを非表示にしますか?
- 6. divをラジオボタンの選択に基づいて表示/非表示
- 7. 角2:ラジオボタンを切り替えるときにドロップダウンとテキストボックスの値をクリアする方法
- 8. エラー - 認証に基づいて角2でアラートを表示/非表示にする方法
- 9. 角2の動的フォーム他の値に基づいてフィールドを表示/非表示にする方法
- 10. jqueryラジオボタンに基づいてテキストボックスを有効/無効にする
- 11. Ionic 2 - 以前のドロップダウン選択に基づいて2番目のドロップダウンデータを表示する方法
- 12. 文字の幅に基づいてテキストボックスを拡大する
- 13. 角度jsのng-if値に基づいてモーダルポップアップを表示する方法
- 14. rails3のドロップダウン選択に基づいてテキストフィールドを表示/非表示にする方法
- 15. 文字列の特定の文字に基づいてdrawableから特定のイメージを表示する方法
- 16. 選択したラジオボタンに基づいてコントロールを表示
- 17. 別のテキストボックスに基づくAngular JSドロップダウン
- 18. 最初のドロップダウン選択に基づいて2番目のドロップダウンオプションを表示jquery
- 19. 文字列に基づいてテキストボックスを検索し、そのテキスト
- 20. ドロップダウン選択に基づいてモーダルポップアップウィンドウを表示
- 21. 複数のdivをドロップダウンの選択に基づいて表示
- 22. 値に基づいてラジオボタン名を取得する方法
- 23. 条件に基づいてラジオボタンをチェックする方法は?
- 24. SSRSの以前のパラメータに基づいて、ドロップダウンとテキストボックスと同じパラメータを使用する方法は?
- 25. Django - ユーザーIDに基づいてドロップダウンをフィルタリングする方法は?
- 26. ASP.NET MVC 3とJQueryのラジオボタンの選択に基づいてテキストボックスを検証する方法は?
- 27. roleに基づいてmasterPageコンテンツを表示する方法は?
- 28. Observableプロパティに基づいてポップアップメッセージを表示する方法は?
- 29. Swiftの文字に基づいて文字列をハッシュする方法は?
- 30. 以前のドロップダウンに基づいてドロップダウン名を変更する方法
* ngIfを使用できます。より良い解決策のためにいくつかのコードを入れてください。 – amansoni211
も参照してくださいhttp://stackoverflow.com/questions/42315828/angular-2-how-to-clear-the-dropdown-and-textbox-values-while-switching-the-rad詳細については同じ質問です。 –