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)); } } 
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
Post a Comment