如何使用角度事件處理程序引用輸入元素的值

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- events（或其他指令）類型， this意味着DOM的編譯范圍。

將輸入值綁定到模型並在事件處理程序中使用。

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

在控制器中

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

如果您不想將輸入綁定到模型，則當前使用的解決方案很好。

Answer 2

您應該使用ng-model將輸入的值綁定到$scope然后將該值作為參數傳遞給foo或者可以在$scope.foo的定義中直接引用它。