在使用对象作为 ng-value
的情况下,可以使用 ng-checked
指令来设置 md-radio-button
的选中状态。以下是使用 AngularJS Material 的示例代码:
HTML:
{{ option.name }}
JavaScript:
angular.module('myApp', ['ngMaterial'])
.controller('myCtrl', function($scope) {
$scope.options = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
$scope.isSelected = function(option) {
return option.id === $scope.selectedOption.id;
};
});
在上面的代码中,我们使用 ng-repeat
来迭代 options
数组,并将每个选项对象赋给 ng-value
。然后,我们使用 ng-checked
指令来调用 isSelected
函数,该函数根据选项对象的 id
和当前选中的选项的 id
进行比较。如果它们相等,ng-checked
返回 true
,相应的选项将被选中。
这样,你就可以在使用对象作为 ng-value
的情况下,使用 ng-checked
来设置 md-radio-button
的选中状态。