如何使用angularjs爲文本字段分配多個選定的值

Question

我有一個來自angularjs post請求的動態文本字段值。根據響應文本字段會增加或減少。我想從多個選定的選項字段中編輯該值。

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代碼

<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> 

下面

給出

再選擇HTML代碼

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

請任何人幫助我是Angularjs的新人。感謝所有

Answer 1

您可以添加ng-change指令來相應地在控制器中選擇並更新myData。

<table> 
    <tr ng-repeat="opt in myData"> 
    <td> 
     <input type="text" id="{{opt.id}}" name="{{opt.id}}" value="{{opt.value}}" /> 
    </td> 
    </tr> 
</table> 


<select ng-model="country" multiple="multiple" ng-change="selectChange(country)"> 
    <option>USA</option> 
    <option>UK</option> 
    <option>USR</option> 
</select> 

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

在控制器

$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/