在AngularJS中,可以使用ng-model指令来绑定单选按钮的值。然后,可以使用ng-click指令来触发一个函数,将选中的值存储到一个变量中。
以下是一个示例代码:
HTML部分:
Option 1
Option 2
Option 3
JavaScript部分:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.selectedOption = ''; // 初始化选中的值
$scope.getSelectedValue = function() {
alert($scope.selectedOption); // 在控制台中打印选中的值
};
});
在上面的示例中,ng-model指令绑定了一个变量selectedOption
来存储选中的值。ng-click指令触发了getSelectedValue
函数,该函数将选中的值弹出一个警告框中。
当用户选择一个单选按钮时,selectedOption
的值将自动更新。然后,通过点击"Get Value"按钮,可以触发getSelectedValue
函数,获取选中的值并进行处理。
希望这个示例能帮助到你!