AngularJS：フォームに予測できない量の入力をバインドする

Question

私はLaravelサーバーと一緒にionicでアプリケーションを作成しています。 問題は、自分のサーバーにアイテムストアのリストがあることです。イオンアプリケーションでは、フォームを作成するためにサーバーからアイテムの情報を要求します。

[{ 
    "name":"name", 
    "items":[{ 
     "id":1, 
     "name":"itemA", 
     "max":2, 
     "idgM":"m.3.1.1", 
     "idgB":"b.3.1.1" 
    }] 
}] 

私の質問は、私はjqueryのを使用することはできませんので、私は入力から値を取得する方法がわからない：私はmydataは、このJSONデータであることを、ここに

<div ng-repeat="itemGroup in mydata"> 
    <div class="item item-divider nn-card-header"> 
     {{itemGroup.name}} 
    </div> 
    <ion-list> 
     <ion-item ng-repeat="item in itemGroup.items"> 
      <h3>{{ item.name }}</h3> 
      <div class="item range range-positive"> 
       broken 
       <input type="range" id="{{ item.idgB }}" min="0" max="{{ item.max }}" ng-model="item.idgB" ng-init="item.idgB=0"> 
       {{ item.idgB }} 
      </div> 
      <div class="item range range-positive"> 
       missing 
       <input type="range" id="{{ item.idgM }}" name="volume" min="0" max="{{ item.max }}" ng-model="item.idgM" ng-init="item.idgM=0"> 
       {{ item.idgM }} 
      </div> 
     </ion-item> 
    </ion-list> 
    </div> 

を私のコードを持っています要素を見つける。私はアイデアを私はアイテムのすべてのユニークなIDのリストをサーバーからアプリケーションに送信します。しかし、文字列変数を使用してng-modelデータを取得する方法がわかりません。あなたが入力から値を取得するためのjQueryを必要としない

Answer 1

、あなたがループしているオブジェクトのあなたの配列を持っている：

itemGroup.items 

し、あなたのコード内であなたがその配列の各オブジェクトを結合しています。

ng-repeat="item in itemGroup.items" 
ng-model="item.idgB" 
ng-model="item.idgM 

その後、私はそれらのidgBなどの値とあなたのitemGroup.items配列の各要素のidgM性質を持つことを期待

しかし、あなたが使用しているので、：

：

ng-repeat="itemGroup in mydata" 

itemGroup（s）は、自身がこれらの入力データにアクセスするために、あなたのコントローラでは、その後、mydata配列の要素である、あなたはこのような何かを持っている必要があります

angular.forEach(mydata, function(itemGroup, key) { 
    angular.forEach(itemGroup, function(item, key) { 
    console.log("First input value: " + item.idgB); 
    console.log("Second input value: " + item.idgM); 
    }); 
}); 

Answer 2

入力値はモデルに格納されているため、要素を見つける必要はありません。既に バインディングを使用しています。ここで

は角度で入力を使用する方法のヘルプです： https://docs.angularjs.org/api/ng/directive/input

Answer 3

私は質問が出回っここで回答されていると思う： How to create an Array with AngularJS's ng-modelを。

ご質問がございましたら、お気軽にコメントにお尋ねください