Display text inside input text while using Angular JS

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
– harishr

2014-09-11 18:05:51 +00:00
Commented Sep 11, 2014 at 18:05 — harishr
– harishr, Commented Sep 11, 2014 at 18:05

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

2

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>

answered Sep 11, 2014 at 18:16

Prasad K - Google

2,5841 gold badge17 silver badges18 bronze badges

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

4 Comments

user3757426 Over a year ago

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 Over a year ago

I know that. My question is how to filter in controller ?

Prasad K - Google Over a year ago

Can you elaborate more on what you want to achieve with an example if possible, probably in another post.

user3757426 Over a year ago

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

Collectives™ on Stack Overflow

Display text inside input text while using Angular JS

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related