Using ng-repeat to generate select options (with Demo)

Question

controller:

$scope.send_index = function(event, val){ 
    console.log(val);
    $scope.variable = \'vm.areas[\'+val+\'].name\';
    console.log( $scope.var         


        

Answer 1

This is not the correct way to use ng-model with a element in AngularJS:

There is no need to use the ng-click directive. The select directive handles that automatically. The ng-model directive receives or sets the chosen option.

See:

• Using ng-repeat to generate select options
• Using select with ng-options and setting a default value

---

angular.module('ngrepeatSelect', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.data = {
     model: null,
     availableOptions: [
       {id: '1', name: 'Option A'},
       {id: '2', name: 'Option B'},
       {id: '3', name: 'Option C'}
     ]
    };
 }]);

  

  

     Repeat select: 
    

{{option.name}}

---

model = {{data.model}}