Angularjs - 在输入文本时对文本输入执行函数

Question

我想制作一个罗马数字计算器，可以将文本输入中输入的数字立即转换为数字。我了解如何将变量绑定到文本输入，但我不知道如何在输入时对其“执行函数”。我该怎么做呢？

谢谢。

Answer 1

使用 ng-change 指令：这里是文档

例子

在模板中

<input type="text" ng-change="yourFunction(value)" ng-model="value"/>

在控制器中

$scope.value = ""

$scope.yourFunction = function(value){
   //Put code logic here
}

编辑 ：

在您的情况下，您还可以创建一个过滤器

module.filter("convertToRomanNumber", function(){
    //Improve code logic here
    return function(input){
        var value=""; 
        for(var i=0; i<input; i++){
            value+="I"
        } 
        return value;
    }
})

并在您的模板中调用它

 <input type="text" ng-change="yourFunction(value)" ng-model="value"/>
 {{value | convertToRomanNumber}}