oninput在Angular中不起作用。另类?

时间:2016-04-08 20:15:23

标签: angularjs angularjs-ng-change

我试图创建一个读取输入值并触发一系列true / false的函数,但是下面的代码会一直返回"未定义passStrength。" 根据我的发现,Angular不支持输入。如何在Angular中实现这一目标?

在我的控制器中:

if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
} else {
    image.src = "pic_bulbon.gif";
}

并在我的标记中:

$scope.passStrength = function(input) {
    if (input.value.toLowerCase().indexOf(/[a-z]/) > -1) {
        $scope.lwrChar = true;
        console.log('lower ' + $scope.lwrChar);
    } else if (input.value.toUpperCase().indexOf(/[A-Z]/) > -1) {
        $scope.uprChar = true;
        console.log('upper ' + $scope.uprChar);
    } else if (input.value.indexOf() == !isNaN(n)) {
        $scope.nbrChar = true;
        console.log('number ' + $scope.nbrChar);
    } else if (input.value.length >= 8) {
        $scope.countChar = true;
        console.log('count ' + $scope.countChar);
    }
};

1 个答案:

答案 0 :(得分:3)

要在输入更改时触发事件,请使用ng-change。此外,您必须定义ng-model。

<input ng-model="password" ng-change="passStrength(password)" />

编辑: 创建了plunker演示