Question

您好我正在尝试在我的下拉列表中设置默认选项，但我相信angular会阻止此操作。这是我正在使用的代码：

<select class="form-control" data-ng-model="timePeriod" data-ng-change="TimePeriodChanged()">
     <option value="0" selected="selected">Daily</option>
     <option value="1">Weekly</option>
</select>

当我删除angularJS标签时，它可以工作但是当angularJS标签存在时，它不起作用。

Answer 1

在您的控制器中，您需要默认值timePeriod

$scope.timePeriod = 0; // or 1 depending on what you want the default to be.

请参阅此plnkr

中的示例

已更新：新plnkr以显示其他选项：

这将允许您在控制器中创建一个时间段数组，并将其绑定到select中的hte选项，并将值默认为数组中的第一个。

在您的控制器中：

$scope.timePeriods = [{id: 0, name:'Daily'}, {id: 1, name: 'Weekly'}];
$scope.timePeriodOption2 = $scope.timePeriods[0];

在你的标记中：

<select class="form-control" 
    data-ng-model="timePeriodOption2" 
    data-ng-change="TimePeriodChanged()" 
    ng-options="t.name for t in timePeriods track by t.id"></select>

下拉列表：如何设置默认选择

1 个答案: