Como vincular o controle suspenso no modo de edição?
Eu estou tendo uma lista de país junto com seus estados correspondentes.
Agora, quero vincular o valor do país e do estado no controle suspenso quando aberto no modo de edição.
Este é o link do violinista:
http://jsfiddle.net/mariapithia/4yj8rprp/9/
<tr data-ng-repeat="friend in friends">
<td><strong>{{ friend.Id }}</strong></td>
<td>
<p data-ng-hide="friend.editMode">{{ friend.firstname}}</p>
<input data-ng-show="friend.editMode" type="text" data-ng-model="friend.firstname" />
</td>
<td>
<p data-ng-hide="friend.editMode">{{ friend.lastname}}</p>
<input data-ng-show="friend.editMode" type="text" data-ng-model="friend.lastname" />
</td>
<td>
<p data-ng-hide="friend.editMode">{{ friend.Country.Name }}</p>
@*How do i use select here for dropdown for binding country name in my dropdown*@
@*<select data-ng-show="friend.editMode">
<option value="">-- Select Country --</option>
</select> *@
</td>
<td>
<p data-ng-hide="friend.editMode">{{friend.State.Name }}</p>
@*How do i use select here for dropdown for binding state name in my dropdown*@
@*<select data-ng-show="friend.editMode">
<option value="">-- Select State--</option>
</select> *@
</td>
<td>
<p ><a data-ng-click="toggleEdit(friend)" href="javascript:;">Edit</a> | <a data-ng-click="deletefriend(friend)" href="javascript:;">Delete</a></p>
</td>
</tr>
</table>
Como eu usei a caixa de texto para exibir o nome e o sobrenome. Sameway Gostaria de usar o menu suspenso para exibir o nome do meu país e o nome do estado no menu suspenso e permitir que o usuário selecione outro país e estado também no menu suspenso, se o usuário quiser selecionar.
Eu peguei o código desse link com uma pequena adição de campos:http://www.c-sharpcorner.com/uploadfile/raj1979/crud-operations-in-mvc-5-using-webapi-with-angularjs/