In javascript

$scope.testNames = ['ABC', 'DEF', 'GHI']; 
$scope.selTestName = $scope.testNames[0];
$scope.test = function(){
    $log.debug('selTestName=' + $scope.selTestName);
}

In jsp

<td colspan="3" class="input-medium">
        <select class="span2" ng-model="selTestName" style="font-family: verdana;"
            ng-options="testName for testName in testNames">
    </select></td>
    {{selTestName}}
    <td>
        <button type="button" class="btn btn-small btn-info" ng-click="test()">Test selTestName</button>                    
    </td>

When my selected value change, the interpolaton {{selTestName}} change accordingly, but whatever I selected and press Test button, in javascript side, the $scope.selTestName keep unchange, why?

How can I make the $scope.setTestName change according to my selected value? I already set ng-Model = “selTestName”.