Display text inside input text while using Angular JS

Name: angularjs - Display text inside input text while using Angular JS - Stack Overflow
Rating: 4.7 (9959 reviews)

Question

Below is my code. Selected text from dropdown is displaying beside input text.

How can I display that inside input text. This is because "holdOrder.CenterName" is out side beside input text

 <input type="text" class="btn btn-primary dropdown-toggle" ng-disabled="disabled" style="margin-top: 5px;" /> {{holdOrder.CenterName}} <ul class="dropdown-menu" role="menu"> <li ng-repeat="svCenter in holdOrder.Centers"> <a href="" ng-click="setSelectedSC(svCenter)">{{svCenter.Fullname}}</a> </li> </ul>

Have you heard about ngModel
– harishr
CommentedSep 11, 2014 at 18:05 — harishr, CommentedSep 11, 2014 at 18:05

Prasad K - Google · Accepted Answer · 2014-09-11 18:16:54Z

You can bind input field with holdOrder.CenterName using ng-model

 <input type="text" ng-model="holdOrder.CenterName" class="btn btn-primary dropdown-toggle" ng-disabled="disabled" style="margin-top: 5px;" /> <ul class="dropdown-menu" role="menu"> <li ng-repeat="svCenter in holdOrder.Centers"> <a href="" ng-click="setSelectedSC(svCenter)">{{svCenter.Fullname}}</a> </li> </ul>

Thanks for the input. I have a question which is extension to this. I want to use typeahead in that input text and filter in the model. How can I do this ? — user3757426, CommentedSep 11, 2014 at 18:26
Can you elaborate more on what you want to achieve with an example if possible, probably in another post. — Prasad K - Google, CommentedSep 11, 2014 at 19:04
Here is what I did. This is the basic one and it is working. My question is, in the below link, how to replace states with my model plnkr.co/edit/SjASFL8BkKdjLRxUlGVA?p=preview — user3757426, CommentedSep 11, 2014 at 19:11

Collectives™ on Stack Overflow

Display text inside input text while using Angular JS

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related