AngularJs基于下拉选择的复杂模型

时间:2015-07-27 11:36:03

标签: javascript angularjs angular-ngmodel

对于复杂的角度js模型没有很多经验,我想请求您的建议或帮助。 请看下面的图片。它显示了我想要完成的事情。 enter image description here

我需要在下拉中存储每年一个中心的患者数量。当我选择另一年时,输入字段应为空白(或填充数据库中的数据)。当我切换回2012时,输入数据应该仍然存在。 只有在按下按钮时才应提交数据。

我很难弄清楚模型和数据绑定应该是什么样子。 任何想法都表示赞赏。

1 个答案:

答案 0 :(得分:0)

希望这个尝试对你来说可能是一个想法。请看看。

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

}]);