根据文本字段中给出的值创建boootstrap面板

Question

我有一个简单的bootstrap文本字段用于输入票证数量。当我输入票数量为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 append方法容易得多。只需使用ng-repeat指令并按常规值重复面板。