将选择的值从下拉列表存储到变量AngularJS

Question

我想在AngularJS的下拉列表中存储选择的值。

我能够在UI上复制新选择，但不能在控制台中复制。

df.plot.scatter('x', 'y')

<div ng-controller="MyCtrl">
<div>
    Fruit List:
    <select id="fruitsList"
        ng-model="cart"
          ng-change="getSelectedLocation()"

        ng-options="state for state in shelf"></select>
        <br/>
    <tt>Fruit selected: {{cart}}</tt>
</div>

关于如何实现这一点的任何想法？

jsfiddle link

Answer 1

当控制器实例化时，您将打印一次购物车。那时，用户还没有机会选择任何东西。

如果您想在每次更改时打印选项，请使用ng-change（您已经在使用它，BTW）：

ng-change="printSelection()"

并在控制器中：

$scope.printSelection = function() {
  console.log($scope.cart);
};