如何在角度上使用具有相同選項的選擇

我有一個關於如何在角度上使用具有相同選項的選擇的問題。如何在角度上使用具有相同選項的選擇

我對那些爲用戶的示例選擇了他最愛的運動之一或多個選項，並設置每個選項標點符號選擇：

這是我的代碼：

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

我的選擇是：

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

和我有恩推他的選擇到一個數組像這樣

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

但是我要設置什麼樣的ng模型，因爲如果一個像sportsOptions的設置，並且選擇一個選項，兩個選擇都會有相同的選項！

我能在這種情況下做什麼？

謝謝

來源

2016-04-09 Pxion

你試過NG-多個=」真正」？似乎類似的問題http://stackoverflow.com/questions/20305489/select-multiple-objects-and-save-to-ng-model – Vlad

它是這樣的http://plnkr.co/edit/oxtojjEPwkKng9iKkc14？ p =預覽 – Pxion

您可以解決與單選按鈕：

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; 
    }; 
})

和HTML：

<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>

小提琴：http://jsfiddle.net/diegopolido/qgu7otrr/2/

來源

2016-04-09 04:32:51

在我的情況下會是這樣的http://plnkr.co/edit/oxtojjEPwkKng9iKkc14?p=preview – Pxion

如何在角度上使用具有相同選項的選擇

回答

相關問題