How to get option text value using AngularJS

Question

I m trying to get a text value of an option list using AngularJS  Here is my code snippet   lt div class  container-fluid  gt          Sort by           lt select ng-model  productList  gt               lt option value  prod 1  gt Product 1 lt  option gt               lt option value  prod 2  gt Product 2 lt  option gt           lt  select gt   lt  div gt    lt p gt Ordered by    productList   lt  p gt      productList   returns the value of the option  eg  prod 1  I m trying to get the text value  Product 1   Is there a way to do this

User · Answer

Also you can do like this    lt select class  form-control postType  ng-model  selectedProd  gt       lt option ng-repeat  product in productList  value    product    gt   product name   lt  option gt   lt  select gt    where  selectedProd  will be selected product

User · Answer

The best way is to use the ng-options directive on the select element   Controller  function Ctrl  scope         sort options    scope products          value   prod 1       label   Product 1             value   prod 2       label   Product 2               HTML    lt select ng-model  selected product           ng-options  product as product label for product in products  gt              lt  select gt    This will bind the selected product object to the ng-model property - selected product  After that you can use this    lt p gt Ordered by    selected product label   lt  p gt    jsFiddle  http   jsfiddle net bmleite 2qfSB

User · Answer

Instead of ng-options  product as product label for product in products  gt  in the select element  you can even use this    lt option ng-repeat  product in products  value    product label    gt   product label     which works just fine as well

User · Answer

lt div ng-controller  ExampleController  gt     lt form name  myForm  gt       lt label for  repeatSelect  gt  Repeat select   lt  label gt       lt select name  repeatSelect  id  repeatSelect  ng-model  data model  gt         lt option ng-repeat  option in data availableOptions  value    option id    gt   option name   lt  option gt       lt  select gt     lt  form gt     lt hr gt     lt tt gt model     data model   lt  tt gt  lt br  gt   lt  div gt    AngularJS   angular module  ngrepeatSelect         controller  ExampleController      scope   function  scope        scope data         model  null      availableOptions           id   1   name   Option A           id   2   name   Option B           id   3   name   Option C                      taken from AngularJS docs

[angularjs] How to get option text value using AngularJS?

Examples related to angularjs