I am a beginner in angular. I am able to make drop down and able to get it value using ng-model. But I need to get different value on input field. If the value of drop down value is blank then input field value is blank. When drop down value is one input filled with rahul so I will set these value while checking the value of drop down?
Plunker: http://plnkr.co/edit/wVo9SW8Lc0uVr213grR2?p=preview
<!DOCTYPE html>
<html>
<head>
<link [email protected] data-semver=3.2.0 rel=stylesheet href=//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css />
<script data-require=angular.js@* data-semver=1.3.0-beta.5 src=https://code.angularjs.org/1.3.0-beta.5/angular.js></script>
<script [email protected] data-semver=0.10.0 src=http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js></script>
<link rel=stylesheet href=style.css />
<script src=script.js></script>
</head>
<body ng-app=app ng-controller='cntrl'>
<select ng-model=myColor ng-options=color.name for color in colors></select>
<button ng-click=getColor()>getvalue</button>
<input type =text/>
</body>
<script>
angular.module('app',[]).controller('cntrl',function($scope){
$scope.colors=[{name:one},{name:two},{name:tree}]
$scope.getColor=function(){
alert('--'+$scope.myColor.name)
}
})
</script>
</html>
Is there no way to check value of drop down? Is there any way to check onchange listener in angular? Of is there any if-else condition?