Angularjs - 動的要素/テンプレート

Question

私は動的要素を作成する最良の方法を見つけようとしています。

基本的に、私は複数選択リストを持って、例えば...

Item 1 
Item 2 
Item 3 

一度一つ以上のいずれかを選択し、そのような

Item 1 
Name: .... 
Quantity: .... 

...としてこれらの選択のための要素を生成する必要があります

ビューに挿入を追加します。ビューでこれらの隠し要素をすべて定義する必要がありますか？

私はディレクティブを使用する必要がありますか？あなたが正しい方向に私を指すことができればそれは認められるでしょう！

Answer 1

ng-repeatとng-show/ng-ifのコンボを使用してください。

<div ng-repeat="item in list" style="margin-top:10px"> 
    <input type="checkbox" ng-model="item.selected">Item {{$index + 1}} 
    <div style="margin-left:30px" ng-show="item.selected"> 
     <div>Name: {{item.name}}</div> 
     <div>Quantity: {{item.quantity}}</div> 
    </div> 
</div> 

https://plnkr.co/edit/Mvydk1CMG8PM7LTmI57R?p=preview