吳模式和吳重複填充動態輸入字段

Question

我是AngularJS框架的全新。 以前我用原始的Javascript和JQuery 我將它集成到我的Laravel應用程序中。

如何使用ng-model和ng-repeat動態添加多個輸入字段，並且只在用戶輸入/輸入字符時添加字段的最後一組？

<div class="form-group row"> 
      <div class="chargable-group" ng-repeat=""> 

       <div class="col-md-3"> 
         <label class="form-control-label" for="l2" id="chargable-label">Chargable Item</label> 
       </div> 
       <div class="col-md-9" id="chargable-header"> 
          <textarea name="chargable[]" class="form-control dynamic chargable" id="chargable-1"> </textarea> 
          <input type="number" class="form-control" step="0.01" name="chargable-price-1"> 
          <input type="number" class="form-control" name="chargable-quantity-1"> 
          <input type="number" class="form-control" step="0.01" name="chargable-total-1"> 
       </div> 

      </div> 
    </div> 

代碼結構就像上面那樣嗎？ 我應該從哪裏開始？

謝謝

Answer 1

好吧，當你想添加動態元素多爲你的DOM只需添加NG-重複的興趣DOM元素。例如：

，並在「項目」你有你的「itemsArray」

Answer 2

一種方式訪問​​每一行，你可以做到這一點是通過$最後在KEYUP函數調用的控制器和檢測是$ last是否爲null。如果不是null，則它是最後一個元素：

<textarea name="chargable[]" class="form-control dynamic chargable" id="chargable-1" ng-keyup="callMe($last)"> </textarea> 

在控制器

：

$scope.callMe = function(last){ 
    if(last){ 
    //code if it is last 
    } 
}