我有两组具有相同值的单选按钮。其中一个是用户输入，一个用于显示结果。
我能够正确保存值，但问题是任何时候只有一个单选按钮显示为活动状态。我真正想要的是每个集合都有一个无线电。
app.js：
angular.module('starter', ['ionic', 'starter.controllers'])
.config(function($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
// setup an abstract state for the tabs directive
.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "templates/tabs.html"
})
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'DashCtrl'
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/tab/dash');
});
controllers.js：
angular.module('starter.controllers', [])
.controller('DashCtrl', function($scope, $window, $ionicPlatform) {
$ionicPlatform.ready(function() {
// Ready functions
});
$scope.grossOptionsList = [
{ text: "Year", value: "year" },
{ text: "Month", value: "month" },
{ text: "Week", value: "week" },
{ text: "Day", value: "day" }
];
$scope.resultsOptionsList = [
{ text: "Year", value: "year" },
{ text: "Month", value: "month" },
{ text: "Week", value: "week" },
{ text: "Day", value: "day" }
];
// Default values
$scope.data = {};
$scope.data.grossOptions = 'year';
$scope.data.resultOptions = 'month';
$scope.updateGrossOptions = function(item) {
console.log( 'Gross option: ' + item.value );
}
$scope.updateResultOptions = function(item) {
console.log( 'Results option: ' + item.value );
}
})
tab-dash.html：
<ion-view title="Salary Calculator">
<ion-content class="has-header">
<div class="button-bar padding">
<ion-radio ng-repeat="item in grossOptionsList"
ng-value="item.value"
ng-model="data.grossOptions"
ng-change="updateGrossOptions(item)"
class="button button-positive button-outline">
{{ item.text }}
</ion-radio>
</div>
<div class="list list-inset">
<div class="item item-divider">
Results per {{ data.resultOptions }}
</div>
<div class="button-bar padding row item">
<ion-radio ng-repeat="item in resultsOptionsList"
ng-value="item.value"
ng-model="data.resultOptions"
ng-change="updateResultOptions(item)"
class="button button-positive button-outline">
{{ item.text }}
</ion-radio>
</div>
</div>
</ion-content>
</ion-view>
演示 plnkr 在这里显示我可以为每个单选按钮组设置值，但我想为每个单选按钮组设置一个(输入为 i.e.月，结果为日)。
2 回答
没关系！我刚刚没有为这两组设置
name值。叹。只是想在这里发布我的解决方案，使用你的意识，这需要 name 属性，以防它帮助其他人。我有点挣扎，因为我也在使用 ng-repeat。这个解决方案对我有用：