angularjs - $scope が select 要素の ng-model 値を取得しない

Question

ng-model から受け取る変数に値を追加しようとしています。

HTMLは次のとおりです。

<div ng-form="amountForm" class="form-group" id="inputField">
    <input value="1" type="number" placeholder="1" ng-model="itemAmount" ng-maxlength="2" required>
</div>
<div ng-form="nameForm" class="form-group">
    <input value="" type="text" placeholder="Name of Item" ng-model="itemName" ng-maxlength="10" required>
</div>
<select ng-model="currentDependent">
    <option ng-repeat="item in items" value="{{item.dependentOn}}" ng-selected="currentDependent == item.dependentOn">{{item.name}}</option>
</select>

これがAngularです（$scope.itemAmountと$scope.itemNameが機能します）：

$scope.items = [];

$scope.addItem = function () {
    console.log($scope.itemAmount + ", " + $scope.itemName + ", " + $scope.currentDependent);

    $scope.items.push({
        amount: $scope.itemAmount,
        name: $scope.itemName,
        showMe: false,
        dependentOn: $scope.currentDependent
    });
};

コンソールに何も出力されていないようです:

したがって、機能していないのは Select の ng-model だけです。ドロップダウン リストに正しい値が表示されています。ドロップダウン リストで選択した値をコンソールに出力するにはどうすればよいですか?

注: わかりやすくするために、http.post コードは省略しています。