Köşede aynı seçeneklerle seçimler nasıl kullanılır

Question

Seçimlerimi açısal olarak aynı seçeneklerle kullanma konusunda bir sorum var.

<div class="form-group m-b-md"> 
    <selectize config='optionsConfig' options='sports' ng-model=""></selectize> 
</div> 
<input type="number" min="1" ng-model="" required> 

: Bu benim kod

geçerli:

Onun sık spor birini veya birçok seçenek seçmek ve her seçenek için bir puntuation seçilmiş set zorunda kullanıcı hakkında bir örnek var seçeneklerim:

optionSelect:['soccer', 'basket', 'tennis', 'baseball'] 

ve ben tu bu yolu gibi bir diziye ihtimalleri itmek zorunda

sportsPoints[ 
    { 
    sport: 'futbol', 
    points: 10 
    }, 
    { 
    sport: 'tennis', 
    points: 4 
    }, 
] 

fakat ng-modelini ayarlamak zorundayım çünkü bir set sportOptions gibi bir ayar seçtiyseniz ve her iki seçeneği de aynı seçeneği işaretli olacak şekilde seçin!

Bu durumda ne yapabilirim?

angular.module('app', []).controller('mainCtrl', function($scope) { 
    $scope.selectedSports = []; 
    $scope.optionSelect = ['soccer', 'basket', 'tennis', 'baseball']; 
    $scope.addSport = function() { 
    $scope.selectedSports.push({sport: $scope.sport, points: $scope.points}); 
    $scope.sport = null; 
    $scope.points = null; 
    }; 
}) 

ve html üzerinde:

Answer 1

Sen radyo düğmeleri ile çalışabilirsiniz teşekkür ederiz

<div ng-app='app' ng-controller='mainCtrl'> 
    <div ng-repeat="option in optionSelect"> 
    <input type="radio" name="sport" ng-model="$parent.sport" ng-value="option" />{{option}} 
    </div> 
    Quantity: <input type="number" name="option" ng-model="points"/> 
    <input type="button" ng-click="addSport()" value="Add" ng-disabled="sport == null || points == null" /><br/> 
    {{selectedSports}} 
</div> 

Fiddle: http://jsfiddle.net/diegopolido/qgu7otrr/2/