javascript - 如何使用 Angular 事件处理程序引用输入元素的值

Question

我是怎么做的:

<input ng-keyup="foo($event)">

$scope.foo = function (event) {
  var v = event.srcElement.value;
}

我想怎么做:

<input ng-keyup="foo(this.value);">

$scope.foo = function (v) {
  var v = v;
}

这不起作用。 this 不引用输入元素。

Answer 1

对于所有 ng- 事件(或其他指令)类型，this 表示 DOM 编译的范围。

将输入的值绑定(bind)到模型并在事件处理程序中使用。

<input ng-model="myModel" ng-keyup="foo()">

在 Controller 中

$scope.foo = function () {
    //use $scope.myModel
}

如果您不想将输入绑定(bind)到模型，那么您当前使用的解决方案就可以了。