複数の選択された値をanglejsを使用してテキストフィールドに割り当てる方法

Question

私は、anglejs投稿要求からの動的テキストフィールド値を持っています。応答テキストフィールドに基づいて増加または減少します。複数の選択されたオプションフィールドからその値を編集したい。

下記のHTMLコードです。

<tr ng-repeat="opt in myData"> 
    <td> 
     <input type="text" id="opt{{$index + 1}}" name="option{{$index + 1}}" ng-model="opt.options" ng-value="opt.options" /> 
    </td> 
    </tr> 

複数のオプションを選択は、私は、テキストフィールドの値を変更したい選択に基づいて、ここにいる

の下に与えられた最初の選択のための

HTMLコード

第二の選択HTMLコードが

下記

<select ng-model="garden" multiple="multiple"> 
    <option>Flowers</option> 
    <option>Shrubs</option> 
    <option>Trees</option> 
    <option>Bushes</option> 
    <option>Grass</option> 
    <option>Dirt</option> 
</select> 

<select ng-model="country" multiple="multiple"> 
    <option>USA</option> 
    <option>UK</option> 
    <option>USR</option> 
</select> 

私はAngularjsの新機能をお役立てください。ありがとうございました

Answer 1

コントローラにmyDataを選択して更新するには、ng-changeディレクティブを追加できます。私はあなたが質問をより明確にできると思いコントローラ

$scope.selectChange = function(val) { 
     // selection logic goes here 
     $scope.myData = []; // reset selections 
     var id = $scope.myData.length; 
     angular.forEach(val, function(v, k) { // iterate list and add new selections 
     $scope.myData.push({ 
      'id': id + k, 
      'value': v 
     }); 
     }); 
    }; 

http://jsfiddle.net/nxjtL7wa/2/