如何使用angulajs將相同的數據綁定到不同的選項？

Question

我試圖選擇數據並將其綁定到特定的項目，但是一旦我選擇了數據，我的所有項目現在都綁定到選定的數據。如何爲每個項目選擇特定的數據。

這是我的演示。 http://play.ionic.io/app/cb25b106e671

Answer 1

您需要一個映射數據結構來保存每一天的選擇。可以有更好的辦法，但很簡單，它可以是這樣的

$scope.data = { 
    "Monday": {workout: ''}, 
    "Tuesday": {workout: ''}, 
    "Wednesday": {workout: ''}, 
    "Thursday": {workout: ''}, 
    "Friday": {workout: ''}, 
    "Saturday": {workout: ''}, 
    "Sunday": {workout: ''} 
    } 

，你也需要跟蹤當前日期選擇的，所以你可以選擇的鍛鍊映射到currentDay關鍵。

因此，首先設置curretDay當你做這個

<a class="item" ng-repeat="day in days" ng-click="openModal(day.day)">{{data[day.day].workout}} 
     <span class="item-note">{{day.day}}</span> 
    </a> 

和

$scope.openModal = function(day) { 
    $scope.currentDay = day; 
    $scope.modal.show(); 
}; 

其次，當鍛鍊選擇你開放的鍛鍊選擇需要設置它的currentDay關鍵

<ion-radio class="item" ng-repeat="item in workouts" ng-value="item.workout" ng-model="data[currentDay].workout">{{item.workout}}</ion-radio> 

這是complete working demo（根據您的演示示例se）