如何获得一组选择与angularJS选定的选项

Question

我有一组两个选择。第一个是一个主题的名称，第二个是它的比率（主要或重要）。我可以添加更多主题（这两个选择的更多组）。我是angularJS中的新成员，我试图弄清楚如何获得这些组中的选定选项。

这是我有：

控制器

function MyCtrl($scope) { 
$scope.topic_rows = [{ 
    executive_pay_ratio: [{ 
     topic_cd: 't1', 
     topic_name: 'topic 1' 
    }, 
    { 
     topic_cd: 't2', 
     topic_name: 'topic 2' 
    }, 
    { 
     topic_cd: 't3', 
     topic_name: 'topic 3' 
    }, 
    { 
     topic_cd: 't4', 
     topic_name: 'topic 4' 
    }], 
    rate_order_interest: [{ 
     rate_cd: 'i', 
     rate_name: 'important' 
    }, 
    { 
     rate_cd: 'm', 
     rate_name: 'major' 
    }] 
}]; 

$scope.currentTopic_rows = [{ 
    executive_pay_ratio: [{ 
     topic_cd: 't1', 
     topic_name: 'topic 1' 
    }], 
    rate_order_interest: [{ 
     rate_cd: 'i', 
     rate_name: 'important' 
    }] 
}]; 

$scope.add_topic = function() { 
    $scope.topic_rows.push({ 
     executive_pay_ratio: [{ 
      topic_cd: 't1', 
      topic_name: 'topic 1' 
     }, 
     { 
      topic_cd: 't2', 
      topic_name: 'topic 2' 
     }, 
     { 
      topic_cd: 't3', 
      topic_name: 'topic 3' 
     }, 
     { 
      topic_cd: 't4', 
      topic_name: 'topic 4' 
     }], 
     rate_order_interest: [{ 
      rate_cd: 'i', 
      rate_name: 'important' 
     }, 
     { 
      rate_cd: 'm', 
      rate_name: 'major' 
     }] 
    }); 
}; 

}

查看

<div ng-controller="MyCtrl"> 
    <fieldset ng-repeat="topic_row in topic_rows"> 
     <select id="select_topic_{{$index}}"> 
      <option ng-repeat="topic in topic_row.executive_pay_ratio" ng-model="currentTopic_rows[executive_pay_ratio]" value="{{topic.topic_cd}}">{{topic.topic_name}}</option> 
     </select> 
     <select id="select_topic_{{$index}}_value"> 
      <option ng-repeat="rate in topic_row.rate_order_interest" ng-model="currentTopic_rows.rate_order_interest" value="{{rate.rate_cd}}">{{rate.rate_name}}</option> 
     </select> 
    </fieldset> 
    <a href="" title="Add topic" ng-click="add_topic()">Add topic</a> 
</div> 

例子：http://jsfiddle.net/97h62/68/

谢谢。

Answer 1

只需添加例如ng-model="myModel"到您的select s。所选选项的值不能被访问，例如， $scope.myModel在您的控制器中。

更新了您的Fiddle。