SelectFx未定义

时间:2018-01-17 07:06:36

标签: angularjs

我希望显示所选值,当数据来自服务器时,如果数据是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>

1 个答案:

答案 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;
}