Question: In Angular, how do you display the content/text of an option in a select list? For example, you have `{{ data.singleSelect }}` that displays the `value` of an option, but how do you use it to display the content/text of that option instead?

Code on Plunker - <http://plnkr.co/edit/cCAHfWL275EZTZt9epUR?p=preview> :

```
<body ng-app="staticSelect">
  <div ng-controller="ExampleController">
  <form name="myForm">
    <label for="singleSelect"> Single select: </label><br>
    <select name="singleSelect" ng-model="data.singleSelect">
      <option value="option-1">Thing 1</option>
      <option value="option-2">Thing 2</option>
    </select><br>

    <tt>singleSelect = {{data.singleSelect}}</tt>
    <p>Update above so 'Thing 1' or 'Thing 2' displayed instead of 'option-1' or 'option-2'</p>

  </form>
</div>
</body>

```

I want to keep the markup of options in in the HTML. (If this against Angular best practices, please let me know). And want to keep values on the option so they can be used as filters.

Answer: 
Inside your controller

```
$scope.allData = {
'option-1': 'Thing 1',
'option-2': 'Thing 2'
}

```

inside your HTML

```
<tt>singleSelect = {{allData[data.singleSelect]}}</tt>

```
You could use `ng options` in an angular js way.

Here is the plunker 
<http://plnkr.co/edit/pGqzwhvkOO0iXYvmdlOj?p=preview>