我希望显示所选值,当数据来自服务器时,如果数据是message1则选择它。
html
set
angular js
<select name="message_page" class="cs-select cs-skin-elastic">
<option value="" disabled selected>Select a message</option>
<option value="message1">message1</option>
<option value="message2">message2</option>
<option value="message3">message3</option>
<option value="message4">message4</option>
</select>
答案 0 :(得分:1)
如果要根据特定条件显示所选值,则必须使用ng-selected指令。
<select ng-model="selectedValue">
<option ng-selected="myVar">Message1</option>
<option >Message2</option>
<option>Message3</option>
</select>
它将值绑定到UI而不绑定到ng-model,如果要将其绑定到ng-model,则必须绑定控制器中的值。 为了能够在true和false之间移动值,必须使用ng-selected指令。
controller.js
if(servermessage=="message1"){
$scope.myVar=true;
$scope.selectedValue="67";
}else{
$scope.myVar=false;
}