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

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

---

谢谢。

$scope.watch查看文本输入的ng模型。然后在ng模型变量上运行要执行的代码

e、 g

//html。。。
//控制器
$scope.$watch（'$scope.textBox'，函数（newValue，oldValue）{
//每次文本更改时都对其进行修改
});

---

例如，$scope.$watch的好处是，除非newValue超过2或3个字符，否则您不希望对其执行函数。与简单的ng更改相比，它只是为您提供了对函数的更多控制。

$scope.watch查看文本输入的ng模型。然后在ng模型变量上运行要执行的代码

e、 g

//html。。。
//控制器
$scope.$watch（'$scope.textBox'，函数（newValue，oldValue）{
//每次文本更改时都对其进行修改
});

---

例如，$scope.$watch的好处是，除非newValue超过2或3个字符，否则您不希望对其执行函数。与简单的ng更改相比，它只是让您对功能有更多的控制。

使用ng更改指令：

范例

模板中

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

编辑：

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

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

module.filter（“convertToRomanNumber”，function（）{
//在这里改进代码逻辑
返回函数（输入）{
var值=”；
对于（var i=0；i使用ng变更指令：

范例

模板中

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

编辑：

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

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

module.filter（“convertToRomanNumber”，function（）{
//在这里改进代码逻辑
返回函数（输入）{
var值=”；
for（var i=0；iThanks需要帮助。您能解释一下在整个模板和控制器中“value”的用法吗？我对控制器版本感到困惑，$scope.value是您输入字段背后的模型。在ng change中，我调用一个函数并在参数中传递此模型，这样我就可以直接使用它（而不是使用范围）在我的函数中感谢Varkal！真的帮助了meThanks的帮助。你能解释一下你在整个模板和控制器中对“value”的用法吗？我对控制器版本感到困惑，$scope.value是你输入字段背后的模型。在ng change中，我调用一个函数并在参数中传递这个模型，所以我可以直接使用它（而不是通过使用范围）在我的工作中，谢谢瓦卡尔！真的帮助了我
 <input type="text" ng-change="yourFunction(value)" ng-model="value"/>
 {{value | convertToRomanNumber}}