根据文本域中给出的值创建底板面板

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指令并重复该值即可。