在AngularJS中动态生成数据源时,可以使用ng-options指令来设置选择选项为选中。ng-options指令可以用于动态生成下拉列表或多选框的选项。
下面是一个示例代码,演示如何在AngularJS中动态生成数据源并设置选择选项为选中:
<select ng-model="selectedOption" ng-options="option for option in options">
</select>
在控制器中,你可以定义一个数组options
,用于存储动态生成的选项。然后,通过设置selectedOption
的值来设置默认选中的选项。
app.controller('MyController', function($scope) {
$scope.options = ['Option 1', 'Option 2', 'Option 3'];
$scope.selectedOption = 'Option 2'; // 设置默认选中的选项
});
在上面的示例中,options
数组存储了三个选项,分别是"Option 1"、"Option 2"和"Option 3"。通过设置selectedOption
的值为"Option 2",可以将"Option 2"设置为默认选中的选项。
这样,当页面加载时,下拉列表将会动态生成选项,并将"Option 2"设置为选中状态。
关于AngularJS的更多信息和用法,请参考腾讯云的AngularJS产品介绍页面:AngularJS产品介绍
领取专属 10元无门槛券
手把手带您无忧上云