Is it possible to input text in select option in angular-material?

Question

I'm creating a form where users can enter the person's information. I want to create a dropdown list for phone numbers and fax numbers for the given person, which the user may select the one they desire, i.e. if the numbers that they want is already stored in the database. However, the person may have additional phone number that may not be stored in the database. In that case, I want to allow users to be able to enter the new number. I found one that's close to what I want here, but it's not quite what I wished. I wish to do it using angular-material md-select, if possible.

<md-select ng-model="ctrl.phoneNumbers" ng-model-options="{ trackBy: '$value.id'}">
   <md-option ng-value="phoneNumber" 
              ng-repeat="phoneNumber in ctrl.phoneNumbers">{{ phoneNumber.number }}
   </md-option>
</md-select>

That is a nice idea. Thank you. I was only thinking in one way, and didn' think about it at all. Can you add it as an answer so that I can mark it? — user1828605
– user1828605, Commented May 14, 2016 at 3:59

Yin Gang · Accepted Answer · 2016-05-14 04:10:50Z

7

Angular Material Autocomplete is really close to your case. Help it works.

answered May 14, 2016 at 4:10

Yin Gang

1,4431 gold badge10 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Is it possible to input text in select option in angular-material?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related