使用AngularJS从输入中获取新值
Get the new value from an input with AngularJS
我正在尝试将JQuery网站转换为AngularJS,但我不能弄清楚这个
$('.bet').change(function(e) {
// Do someting
};
我试着用AngularJS做很多事情,但没有成功。
现在我的HTML中有这个而Angular文件中没有相关的
index . php
<input type="number" class="form-control" id="bet" name="bet" placeholder="Your bet" ng-model="bet" ng-change="bet( {{bet}} )"/>
如何在AngularJS中做到这一点?
来自文档:
当用户改变输入时计算给定表达式。表达式立即求值,不像JavaScript的onchange事件只在更改结束时触发(通常,当用户离开表单元素或按下返回键时)。
基本上你需要绑定一个函数到一个ng-change
属性,像这样:
<input type="number" name="bet" placeholder="Your bet" ng-model="bet" ng-change="betChanged(bet)"/>
和控制器中的监听器:
$scope.betChanged = function(bet){
//do something...
console.log(bet);
}
像这样,betChanged将在每次bet发生变化时被调用,很像javascript的原生input
函数。
var myApp = angular.module('myApp',[]);
myApp.controller('myCtrl', ['$scope', function($scope) {
$scope.bet = "";
$scope.onBetChanged = function () {
alert($scope.bet);
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<input type="number" class="form-control" id="bet" name="bet" placeholder="Your bet" ng-model="bet" ng-change="onBetChanged()"/>
</div>
对美元看
<div ng-app="myApp" ng-controller="myCtrl">
First Name:
<input type="text" ng-model="firstName"><br>
Full Name: {{firstName }}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, $window) {
$scope.$watch('firstName', function (newValue, oldValue) {
console.log('oldValue=' + oldValue);
console.log('newValue=' + newValue);
//do something
$window.alert("Event fired");
});
});
</script>
相关文章:
- 当值更改时,在servlet中自动获取textarea值,无需单击按钮
- chrome在WebSocket握手期间获取新错误
- 如何从选择框中的选项中获取属性值
- 输入时只获取新的输入值
- 根据另一个字段选择获取新值后更新下拉列表内容
- 如何在选择“输入颜色”后从中获取新的颜色值
- 如何获取输入值并将其附加到新元素中
- onClick()从传递给Django模板的函数中获取一个新值
- 根据组合框中的值获取新的日期值
- 如何从javascript文件中获取值并更新正则表达式中的新值
- 在按键时获取输入字段的新值
- 如何使用 Angular 刷新页面以从服务中获取新值
- 使用JavaScript获取href值并打开新窗口
- 向javascript关联数组添加新值“;在飞行中”;当试图通过不存在的键获取值时
- 刷新Javascript以从Flask获取新值
- 在将集合模型的旧值设置为新值后,获取它们的主干模型
- 使用AngularJS从输入中获取新值
- Object.watch(),获取新值
- 如何在点击事件修改 HTML 输入后获取它的新值
- 如何在文本框中获取新输入的值