Комплексная модель AngularJs, основанная на выпадающем выборе

Question

Не имея большого опыта с сложными угловыми js-моделями, я хотел бы попросить ваш совет или помощь. Пожалуйста, смотрите следующее изображение. Это показывает, чего я пытаюсь выполнить.

Мне нужно сохранить количество пациентов для центра в течение каждого года в раскрывающемся списке. Когда я выбираю другой год, поля ввода должны быть пустыми (или заполнены данными из БД). Когда я вернусь к 2012 году, входные данные все равно должны присутствовать. Данные должны быть представлены только при нажатии кнопки.

Мне сложно определить, как должна выглядеть модель и привязка данных. Любые идеи приветствуются.

Answer 1

Надеюсь, эта попытка может стать для вас идеей. Пожалуйста, ищите его.

Plunker: http://plnkr.co/edit/ndRk1Uaoe0DkRhFSsGUh?p=preview

Код:

$scope.qty = 1; 
$scope.cost = 2; 
$scope.inCurr = 'EUR'; 
$scope.currencies = ['USD', 'EUR', 'CNY']; 
$scope.usdRates = [ 
{ quantity:0,cost:0}]; 

$scope.change = function() { 

    if($scope.usdToForeignRates === 'USD') 
    { 
    $scope.usdRates[0].quantity = 25; 
    $scope.usdRates[0].cost = 30; 
    $scope.qty =$scope.usdRates[0].quantity; 
    $scope.cost = $scope.usdRates[0].cost; 
    } 
     if($scope.usdToForeignRates === 'EUR') 
    { 
    $scope.usdRates[0].quantity = 45; 
    $scope.usdRates[0].cost = 40; 
    $scope.qty =$scope.usdRates[0].quantity; 
    $scope.cost = $scope.usdRates[0].cost; 
    } 
    if($scope.usdToForeignRates === 'CNY') 
    { 
    $scope.usdRates[0].quantity = 55; 
    $scope.usdRates[0].cost = 50; 
    $scope.qty =$scope.usdRates[0].quantity; 
    $scope.cost = $scope.usdRates[0].cost; 
    } 
    }; 

}]);