angular2で複数のチェックボックスを双方向にバインドするにはどうすればよいですか?
高洛峰
高洛峰 2017-06-26 10:55:43
0
2
1031

たとえば、次のような別の配列があります:

リーリー

htmlテンプレート

リーリー

どのように実装すればよいでしょうか?いずれかのチェックボックスを選択すると、選択した内容が p.youselect に表示されます。複数選択の場合は、配列またはカンマ区切り形式で表示されます

たとえば、「いいね」、「とても好きです」を選択すると、p.youselect は次のように表示します。
「好きです、とても好きです」

formArray などのメソッドも使えますが、使用時には実装しませんでした。神様が助けてくれることを願っています!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(2)
我想大声告诉你

ご招待ありがとうございます。提供していただいたデータ構造に基づいて、次のデータ構造を使用することをお勧めします (フォームを送信するときは、通常、対応する ID 項目が送信されます)。 リーリー

詳細については、「angular-forms での複数のチェックボックスの処理」を参照してください

簡単なサンプルコードは次のとおりです: リーリー

いいねを押す +0
学霸

個人的には、フォームを使用しないほうが楽だと感じています。 。 。
フィドルを書きました: https://jsfiddle.net/phnjg6hf/4/

HTML:

リーリー

JS:

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート