Question

我正在尝试在AngularJS中创建一个。这是我到目前为止所做的：

<select ng-model="inverse">
   <option value=true>Sort Up</option>
   <option value=false selected="selected">Sort Down</option>
</select>

我试图将false设置为初始值。但是，当我查看创建的HTML时，我看到了这一点，并且选择框没有显示“Sort Down”作为默认值：

<select ng-model="inverse" class="ng-pristine ng-valid">
   <option value="? undefined:undefined ?"></option>
   <option value="true">Sort Up</option>
   <option value="false" selected="selected">Sort Down</option>
</select>

有人可以解释我做错了什么。

Answer 1

使用以下方法在控制器中设置inverse的值：

$scope.inverse = true;

并从选项中删除selected =“selected”属性。

Answer 2

这对我有用：

<select ng-model="inverse">
   <option value="true">Sort Up</option>
   <option value="false">Sort Down</option>
</select>

控制器：

$scope.inverse = "false";

但建议使用ng-options。

Answer 3

<select ng-init="inverse='false'" ng-model="inverse">
    <option value=true>Sort Up</option>
    <option value=false>Sort Down</option>
</select>

如何在AngularJS中使用预先选择的选项创建一个简单的<select>？</select>

3 个答案: