angular2で複数のチェックボックスを双方向にバインドするにはどうすればよいですか?

Question

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

リーリー

htmlテンプレート

リーリー

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

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

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

Answer 1

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

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

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

Answer 2

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

HTML:

リーリー

JS:

リーリー