2016-01-21 64 views
0

我被這個問題困住了一段時間,我試圖獲取自動生成的輸入字段的值,因此一次點擊可以一次獲得所有生成的輸入的所有值。獲取自動生成的輸入字段的值angularjs

這就是投入獲得創建HTML的一部分:

<div ng-controller="IngredientController as ctrl" class="col-md-12"> 
    <div class="col-md-4" ng-repeat="ingredientgroup in ctrl.ingredientContainer"> 
     <div ng-repeat="group in ingredientgroup"> 
      <div ng-if="!group.groupId"><h3>{{group.name}}</h3></div> 
      <div ng-if="group.groupId"> 
       <div class="form-group"> 
        <label> 
         {{group.name}}<input type="text" class="form-control"> 
        </label> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<div class="modal-footer"> 
    <button type="button" class="btn btn-default" ng-click="$dismiss()">Close</button> 
    <button type="button" class="btn btn-primary" ng-click="$close(ctrl.product)">ok</button> 
</div> 

回答

0

可以利用陣列結構。 在您的控制器

$scope.myInput = []; 

聲明一個變量$scope使用myInput變量您ng-repeat

{{group.name}}<input type="text" class="form-control" ng-model="myInput[{{group.groupId}}]"> 
+0

裏面非常感謝你的幫助,它的工作。但我想知道一些事情,如果我打算訪問組的id,並且使用for循環的數據不會讓應用程序變得越慢,那麼數據越多嗎? –

+0

是的,但單個for循環將具有可忽略的延遲。由於您無法讀取動態生成的數據,因此您可以使用它。你的'$ scope.myInput'將是一個你可以用來讀取數據的數組。 – Saravanan