javascript - Keydown event not updating the $scope variable for dropdown in angularjs -


i have simple page 2 fields. enter goal name , use tab navigate next field , hit down arrow key select public group value , when click save button, value of picklist setting individual incorrect. not sure how make $scope variable pick updated value dropdown

here's fiddle

<div ng-app> <div class="container" ng-controller="goalctrl"> <div class="row">         <div class="panel panel-primary">             <div class="panel-heading">                 <h3 class="panel-title">new record</h3>             </div>             <div class="panel-body">                 <div class="row">                     <div class="col-lg-4">                         <div class="form-group">                             <label for="goalname" class="control-label">name</label>                             <input type="text" class="form-control" id="goalname" placeholder="goal name" ng-model="goalie__goal__c.name">                         </div>                       </div>                       <div class="col-lg-4">                         <div class="form-group">                             <label for="fulfilment" class="control-label">fulfilment</label>                             <select class="form-control" id="fulfilment" ng-model="goalie__goal__c.goalie__fulfilment__c">                                 <option selected>individual</option>                                 <option>public group</option>                             </select>                         </div>                       </div>                 </div>                 <div class="row">                     <div class="col-lg-12">                         <center>                             <button class="btn btn-success" ng-click="save()"> save , add critera</button>                             <button class="btn btn-danger" ng-click="cancel()">cancel</button>                         </center>                     </div>                 </div>             </div>         </div>     </div>       </div></div> 

controller

function goalctrl($scope) {     $scope.save = function() {         alert(json.stringify($scope.goalie__goal__c));     } } 

enter image description here

update

i updated controller setting value individual explicitly , when hit save button values updated correctly in $scope. not sure why not working initial case.

function goalctrl($scope) {     $scope.goalie__goal__c = {};     $scope.goalie__goal__c.goalie__fulfilment__c = 'individual';     $scope.save = function() {          alert(json.stringify($scope.goalie__goal__c));     } } 


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -