Angular:如何使用$ this获取输入值

时间:2015-06-10 09:41:31

标签: javascript angularjs this keyup

我希望在一个可以从多个输入运行的keyup函数中获取一个输入值。每次有一个键盘时,该功能将根据具体输入触发。所以,我试图在函数内部使用$ this。到目前为止没有成功.. HTML代码:

NSArray <NSString *> *myArray = [@"str2", @1, @"str2"];

角度代码:

<input ng-keyup="getRxcui()" placeholder="Type med a" id="medicineA" />
<input ng-keyup="getRxcui()" placeholder="Type med b" id="medicineB" />

我很确定$(this)是正确的方法,这样我就不需要为每个输入复制该函数并使用ng-model ...你可以认为角度工作正常。 任何帮助表示赞赏。感谢

2 个答案:

答案 0 :(得分:6)

使用ng-model并将其传递给函数:

<input ng-keyup="getRxcui(medicineA)" ng-model="medicineA" placeholder="Type med a" id="medicineA" />
<input ng-keyup="getRxcui(medicineB)" ng-model="medicineB" placeholder="Type med b" id="medicineB" />

角度代码:

var rxConflicts = angular.module('rxConflicts', []);

rxConflicts.controller('MainController', function($scope, $http){
    $scope.getRxcui = function(value){

        // getting the value for each medicine input
        var medValue = value;
        console.log(medValue);

    }
});

答案 1 :(得分:1)

Angular 2 and superior:

您可以在keyUp上传递$ event并使用它来获取目标(输入)及其值。如果您正在使用formControls而不是通过ngModel直接绑定

模板HTML:

<input (keyup)="getRxcui($event)">

Component.ts

getRxcui(event){

   var inputValue = event.target.value;
   console.log(inputValue);

}