在ng-repeat中链接选择

我在找出ng-repeat中的作用域时遇到了麻烦.我想创建链式选择,我想让ng-repeat中的每一行分别存在于不同的范围内.当前更改任何行中的第一个选择将更改所有行中的第二个选择.

(现实生活中的例子:我有一个表格,我必须添加汽车,首先选择'制造',从api拉出'模型',然后在第二个选择中显示模型.用户必须能够添加任意数量的汽车.)

HTML:

  

     
    
  
  Add Row

JS:

function MyCtrl($scope) {
  $scope.rows = [{}];
  $scope.options1 = [
    {title: 'Option 1', value: '1'},
    {title: 'Option 2', value: '2'},
    {title: 'Option 3', value: '3'}
  ];

  $scope.options2 = [];

  $scope.updateSelect2 = function(val) {
    if (val === '1') {
      $scope.options2 = [
        {title: 'A', value: 'A'},
        {title: 'B', value: 'B'}
      ];
    } else if (val === '2') {
      $scope.options2 = [
        {title: 'AA', value: 'AA'},
        {title: 'BB', value: 'BB'}
      ];
    } else {
      $scope.options2 = [
        {title: 'AAA', value: 'AAA'},
        {title: 'BBB', value: 'BBB'}
      ];
    }
  };

  $scope.addRow = function() {
    $scope.rows.push({});
  };
}

骗子在这里