テキストフィールドに指定された値に基づいてボートストラップパネルを作成する

Question

チケット数を入力するための簡単なブートストラップテキストフィールドがあります。チケットの数量を2と入力すると、自動的に作成されたフォームを持つ2つのブートストラップパネルが必要になります。値が3の場合、フォームを持つ3つのブートストラップパネルが自動的に作成されます。どうしたらいいですか？
JsFiddleリンク：それはjQueryのappendメソッドを持つよりもはるかに容易になるだろうAngularJSを使用することによりhttps://jsfiddle.net/gcxxehwf/
Html code:

<div class="col-md-12 col-xs-12"> 
    <div class="field"> 
    <label for="price">Ticket quantity:</label> 
    <input type="number" name="tquantity" value="" class="form-control" id="tquantity"> 
    </div> 
</div> 
<div class="col-md-8 col-xs-12" id="participantpanel"></div> 

Answer 1

。単にng-repeatディレクティブを使用して、値が頻繁に表示されるようにパネルを繰り返します。