javascript - 获取期权的变动值(value)

Question

我想在select更改时获取当前选项的值，我有以下代码:

<select name="general[intervalSynchronization]" 
        id="intervalSynchronization" 
        class="chosen-select-no-single"
        ng-model="synchronizationTimeSelectedItem"
        ng-change="changeSynchronizationTime(synchronizationTimeSelectedItem)"
        style="width: 100%;">
    <option value="1">Don't synchronize</option>
    <option value="2">0.5 hour</option>
    <option value="3">Twice a day</option>
    <option value="4">Once a day</option>
</select>

我控制台记录 JS 代码中的值:

$scope.changeSynchronizationTime = function (selectedItem) {
    console.log(selectedItem);
};

但它似乎在第二次和更多变化时输出随机值。

出了什么问题？

Answer 1

您不需要在 ng-change 函数中传递模型引用。 html 中的更改

ng-change="changeSynchronizationTime()"

在 Controller 中，你可以得到

$scope.changeSynchronizationTime = function () {
    console.log($scope.synchronizationTimeSelectedItem);
};

Angular 会自动将所选值绑定(bind)到您的模型。