0

テーブルで動的に生成された選択ボックスの値の配列を取得しようとしています。これらの値の配列または別のデータ型を取得するにはどうすればよいでしょうか?

ここに表があります:

  <table>
    <thead>
      <tr>
        <th>Personal Action Field(from Infor-Lawson)</th>
        <th>Form Fields</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="action in actionFields">
        <th>{{action.actionParam}} </th>
        <th>
          <select ng-model="name" ng-options="item.formField for item in formFields"></select>
          Currently selected: {{ name }}
        </th>
      </tr>
    </tbody>
  </table>
  <br><br>
  <button ng-click="lastPage()">Back</button> 
  <button ng-click="nextPage(); mapValues()">Next</button> 

そしてここにコントローラーがあります:

function FormActionFieldController($scope, $http, $rootScope) {
  $rootScope.data = null;

  $http.get('http://localhost:82/rs/transformTrigger/formFields')
    .success(function (data, status, headers, config) {
      $rootScope.formFields = data;
  })
  .error(function (data, status, headers, config) {
     //  Do some error handling here
    alert('error FormActionFieldController');
  });
  $rootScope.getFields=function(){  
    $scope.actionFields = null;
    $scope.httpData = '{"actionName":"'+$rootScope.actionTypeName+'"}';

  $http.post('http://localhost:82/rs/transformTrigger/lawsonFields', $scope.httpData)
      .success(function (data, status, headers, config) {
       $scope.actionFields = data;
  })
  .error(function (data, status, headers, config) {
      //  Do some error handling here
  });
  }
  $scope.nextPage=function(){
      $rootScope.page3=false;
      $rootScope.page4=true;
  }
  $scope.lastPage=function(){
    $rootScope.page3=false;
    $rootScope.page2=true;
  }
 $scope.mapValues=function(){
    $rootScope.submitArray = $rootScope.formFields;
    alert($rootScope.submitArray);

  }
 }
4

1 に答える 1

0

$index を使用できます

<select ng-model="name[$index]" ng-options="item.formField for item in formFields"></select>

このようにして、選択した値の配列を取得します

于 2014-08-04T19:41:33.590 に答える