Как связать одни и те же данные с различными параметрами с помощью 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)