Show value in input AngularJS

Question

I need to do something like this : When you select ex. "login", then in input text shows login from $scope.logins . The same with password

JS:

   $scope.logins = [{
            "login" : "log",
            "password" : "pass"
        }]


    $scope.onSelectBoxChange = function(selectedValue){
     if(selectedValue=="login"){
    $scope.value = $scope.logins[0].login;
     }else{
    $scope.value=undefined;
  }
}

HTML :

 <ul>

      <li><button ng-model="type" ng-change="onSelectBoxChange(type)">login</button>
      </li>
      <li><button ng-model="type" ng-change="onSelectBoxChange(type)">password</button>
      </li>
 </ul>

<input class="form-control" name="type" placeholder="value" ng-model="value" style="margin-bottom:5px;">

My code doesn't work. Thanks for answers in advance!

pls write your working code , and also if any error coming . — Himanshu sharma
– Himanshu sharma, Commented Aug 9, 2017 at 10:13

Anita · Accepted Answer · 2017-08-09 10:12:48Z

0

You have used ng-change. Instaed you should use ng-click, ad button fires click event.

 <ul>
      <li><button ng-model="type" ng-click="onSelectBoxChange(type)">login</button>
      </li>
      <li><button ng-model="type" ng-click="onSelectBoxChange(type)">password</button>
      </li>
 </ul>
<input class="form-control" name="type" placeholder="value" ng-model="value" style="margin-bottom:5px;">

answered Aug 9, 2017 at 10:12

Anita

2,4102 gold badges21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alan Pallath · Accepted Answer · 2017-08-09 10:14:07Z

0

As mentioned in the comment by @Anita, the ng-change should be changed to ng-click. ng-change is used for elements like dropdown, where there is an action involved when there is a change in value. DUring the click event, there is no such change in the value, hence there wont be any function implementation.

answered Aug 9, 2017 at 10:14

Alan Pallath

993 silver badges14 bronze badges

Collectives™ on Stack Overflow

Show value in input AngularJS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related