我正在使用带有“ng-repeat”的Angular材料单选按钮组,但我无论如何都无法使“ng-model”随选择更新。这是我的当前实现,但我也尝试过“ng-model =“$parent.effectSelected””
在代码的后面部分,当用户单击按钮时,我有一个函数,并且我使用所选的值来评估下一步,但它总是记录为“one”,这是我最初设置的。
我的HTML:
在代码的后面部分,当用户单击按钮时,我有一个函数,并且我使用所选的值来评估下一步,但它总是记录为“one”,这是我最初设置的。
我的HTML:
<md-radio-group ng-model="effectSelected" class="effect-radio-group">
<md-radio-button class="effect-btn" ng-repeat="effect in effects" ng-value="effect.value">{{effect.name}}</md-radio-button>
</md-radio-group>
<md-button ng-click="checkSelection()">Evaluate</md-button>
我的控制器 JS 代码:
$scope.effects = [{'name':'None', 'value': 'one'},{'name':'Maybe', 'value': 'two'},{'name':'Yes', 'value': 'three'}];
$scope.effectSelected = $scope.effects[0].value;
$scope.checkSelection = function () {
console.log($scope.effectSelected);
}