根據文本域中給出的值創建底板面板

Question

我有一個簡單的引導文本框用於輸入票數量。當我輸入票數量爲2時，我想要兩個自動創建窗體的引導面板。如果值爲3，則自動創建具有表單的3個引導面板。我該怎麼做？
的jsfiddle鏈接：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

通過使用AngularJS會比與jQuery的追加方法要容易得多。只要使用ng-repeat指令並重復該值即可。