AngularJS - ng-repeat on objects

Question

I have a list of objects with 2 attributes: label and description. On html I cycle on this list:

<select class="form-control" 
     ng-options="fid.label for fid in myFidList" 
     ng-model="fidSelected" 
     ng-change="setFidDescription()"/>

What I'm trying to do is calling a function (setFidDescription) to get the object I have selected on option tag. So I can change the respective desciption in another div. That's seems not working: ng-model seems not updating.The function:

 $scope.setFidDescription = function () {
    console.log($scope.fidSelected);
 }

This code print an empty object. What am i missing? Another way to go could be get the $index of my choice.

More info: JSON + console

Update: I have found my problem. See here for the explanation:

AngularJS ngModel doesn't work inside a ui-bootstrap tabset

That was my problem.

Are you getting console right data at : console.log($scope.fidSelected); ? — Jigar7521
– Jigar7521, Commented Nov 4, 2016 at 6:21

Nikhil Mohanan · Accepted Answer · 2016-11-04 06:22:03Z

1

// Code goes here

angular
  .module('myApp', [])

.controller('testController', ['$scope',
  function($scope) {

    $scope.myFidList = [{
      label: 'label1',
    }, {
      label: 'label2',
    }]

    $scope.setFidDescription = function() {
      alert($scope.fidSelected.label);
    }

  }
])

<!DOCTYPE html>
<html data-ng-app="myApp">

<head>
  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <script src="script.js"></script>
</head>

<body data-ng-controller="testController">



  <select class="form-control" ng-options="fid.label for fid in myFidList" ng-model="fidSelected" ng-change="setFidDescription()"></select>

</body>

</html>

Hope this will help you.

answered Nov 4, 2016 at 6:22

Nikhil Mohanan

1,2601 gold badge12 silver badges23 bronze badges

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

3 Comments

Massimo Over a year ago

thansk for the reply. But I keep getting "undefined". The fidSelected is empty.

Nikhil Mohanan Over a year ago

@Massimo, in my example also?

Massimo Over a year ago

Yes, with your code: example. Note: the ng-repeat is working fine

Collectives™ on Stack Overflow

AngularJS - ng-repeat on objects

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related