CODEWITHSUNDEEP
angularjsundefined
Mowrya K B P
Mowrya K B P

Reputation: 51

Getting undefined in alert box for AngularJS scope variable

The following is the selection list:

<select ng-Change="getSubTaskList(editTransferButtonData.selectedFirstHeader)" ng-model="editTransferButtonData.selectedFirstHeader" required> <option value="" disabled selected>Select Header</option> <option ng-repeat="header in selectProjectTaskDetails" value="{{header}}" ng-selected="editTransferButtonData.fromHeaderId === header.headerId">{{header.name}}</option></select>

When I try to retrieve undefined message is displayed.

alert(JSON.stringify($scope.editTransferButtonData.selectedFirstHeader));

can any one help me to identify why it's returning undefined.

Upvotes: 0

Views: 200

Answers (2)

Mowrya K B P
Mowrya K B P

Reputation: 51

I understood the problem because of JSON mismatch, ng-model="editTransferButtonData.selectedFirstHeader" is different from value="{{header}}" which is returning.

Upvotes: 0

Sajeetharan
Sajeetharan

Reputation: 222532

it should be,

<select ng-change="getSubTaskList(editTransferButtonData.selectedFirstHeader)" ng-model="editTransferButtonData.selectedFirstHeader" required>
<option value="" disabled selected>Select Header</option>
<option ng-repeat="header in selectProjectTaskDetails" value="{{header}}" ng-selected="editTransferButtonData.fromHeaderId === header.headerId">{{header.name}}</option></select>

Upvotes: 2

Related Questions