Write variable value to select element name

Question

I trouble to write variable value to element name.

Here i set dynamic element name,

<tr ng-repeat="row in rowArray">
    <td>
        <select class="form-control" ng-model="allSelect[@{{ row }}]">
            <option ng-repeat="test in [1, 2, 3, 4]" value="@{{ test }}">@{{ test }}</option>
        </select>
    </td>
</tr>

Thank you !

Code is not enough to figure out what you have in rowArray. Please post more code info. — kapishreshth
– kapishreshth, Commented Nov 21, 2017 at 9:53
What is "element name"? Please provide more code. What exactly is not working? — lin
– lin, Commented Nov 21, 2017 at 10:42

Slava Utesinov · Accepted Answer · 2017-11-22 06:47:19Z

1

angular.module('app', []).controller('ctrl', function($scope) {
  $scope.rowArray = ['one', 'two', 'three'];
});

<script src="//code.angularjs.org/snapshot/angular.min.js"></script>

<div ng-app='app' ng-controller='ctrl'>
  <table>
    <tbody ng-init='allSelect={}'>
      <tr ng-repeat="row in rowArray">
        <td>
          <select ng-model="allSelect[row]">
                <option ng-repeat="test in [1, 2, 3, 4]" ng-value="test">
                  {{test}}
                </option>
            </select>
        </td>
      </tr>
    </tbody>
  </table>
  allSelect: {{allSelect | json}}
</div>

edited Nov 22, 2017 at 6:47

answered Nov 21, 2017 at 11:20

Slava Utesinov

13.5k2 gold badges21 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Write variable value to select element name

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related