How to Differentiate item value and item description in datalist in Angularjs

See more:

C#

MVC

Hello Guys,

I am troubling with below problem,i Am new in angularjs and MVC also.


I wanted to take Autocomplete textbox for City.

So I have used Datalist to bind that text box. and On Datalist wanted to show list description on UI and at Backend want to save its Code.

So How can I do this. Please suggest me.

Below is my code :

<table style="width: 100%; align-items: center" border="1"><tbody>
<tr ng-repeat="accounthead in accountheadconfiggrid">
<td> 	accounthead.otheData</td>
<td>

<input type="text" id="answerInput" data-ng-model="accounthead.CityCode" list="comicstitle" autocomplete="on" ng-autocomplete="accounthead">

<datalist id="comicstitle">          <option ng-repeat="accounthead in accountheadconfiggrid" value="accounthead.CityCode">{{accounthead.Cityname}}</option>
     </datalist></td></table>