我正在尝试读取下拉列表,在我看来,我有以下代码:
<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并且不会更新。我在这做错了什么?
答案 0 :(得分:1)
根据你在问题中给出的内容,它应该有效。由于您尚未给出控制器,因此这是工作Plunker
<强> JS:强>
myApp.controller('MyCtrl', function($scope) {
$scope.jiotimeout = "30";
});