angularjs选择范围doens&t更新

时间:2015-09-19 04:28:41

标签: javascript angularjs drop-down-menu scope

我正在尝试读取下拉列表,在我看来,我有以下代码:

<p class="createT">Timeout</p>
    <select id='timeout' ng-model="jiotimeout" class="createIn form-control">
        <option value='30'>30 minutes</option>
        <option value='60'>1 hour</option>
        <option value='120'>2 hours</option>
        <option value='180'>3 hours</option>
        <option value='360'>6 hours</option>
        <option value='720'>12 hours</option>
</select>
<br>{{jiotimeout}}

然后在我的控制器中我有:

$scope.jiotimeout = "30";

当我更改视图中的值时,{{jiotimeout}}会使用新值成功更新。

然而,当我在按钮后面创建一个函数时,单击控制器中的以下内容:

$scope.createdSuccessfully = function () {
     alert($scope.jiotimeout); 
}

在视图中更新值时,警报会一直显示30并且不会更新。我在这做错了什么?

1 个答案:

答案 0 :(得分:1)

根据你在问题中给出的内容,它应该有效。由于您尚未给出控制器,因此这是工作Plunker

<强> JS:

myApp.controller('MyCtrl', function($scope) {
$scope.jiotimeout = "30";

});