在ng-model中获取选定的选项id可以通过以下步骤实现:
<select ng-model="selectedOption" ng-options="option.id as option.name for option in options"></select>
这里的selectedOption
是一个变量,用于存储选中的选项的id。
$scope.options = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
$scope.selectedOption = null;
这里的options
是一个包含选项对象的数组,每个对象都有一个id和name属性。
selectedOption
变量将自动更新为选中选项的id。您可以在控制器中使用$scope.selectedOption
来获取选中的选项id,以便在后续的逻辑中使用。例如,您可以在控制器中添加一个函数来处理选项的选择:
$scope.handleOptionSelection = function() {
var selectedOptionId = $scope.selectedOption;
// 在这里使用选中的选项id进行进一步的处理
};
这样,您就可以在ng-model中获取选定的选项id了。请注意,这只是一个示例,您可以根据您的实际需求进行适当的修改和扩展。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
AngularJS Select(选项框)
AngularJS 可是使用数组或对象创建一个下拉列表选项。
使用ng-options创建选项框
在AngularJS 中我们可以使用ng-option指令来创建一个下拉列表,列表通过对象和数组循环输出
实例:
AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值
ng-model指令
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。
实例:
继续
1.ng-repeat获取每个input里的数据
1)html
<button ng-click="add()">add</button>
{{item.id}}
领取专属 10元无门槛券
手把手带您无忧上云