使用 AngularJS 函数设置“值”输入

Question

我对 AngularJS 有点菜鸟我有下一个 div：

<div ng-app="" ng-controller="telController">

        Teléfono: <input type="text" ng-model="telefono.numero" ><br>
        <input type="text"  ng-model="telefono.tras"  > 
        <br>
        El telefono es: {{telefono.telefonoCodificado()}}

    </div>

angularjs函数是：

function telController($scope) {
            $scope.telefono = {
                numero: "",
                telefonoCodificado: function() {
                    var x;
                    x = $scope.telefono;

                    var parte1;
                    parte1= $scope.telefono.numero;
                    var telCodificado = parte1.substring(0, 3)+"-"+parte1.substring(3, 6)+"-"+parte1.substring(6, 10);

                    return "A) "+x.numero+" <<>> "+ telCodificado;
                },
                tras : function(){
                    var y; 
                    y = $scope.telefono.numero;
                    return y;
                }
            };
        }

我希望带有 ng-model='telefono.tras' 的输入被输入到输入 ng-model="telefono.numero 中的值填充>" 但是这并没有发生，我做错了什么？

Answer 1

新答案：

在对问题进行更新后，最好使用ng-change 来更新其他变量。

JSFiddle Demo

旧答案：

您好，无需编写单独的函数将ng-model (telefono.numero) 复制到变量telefono.tras，您只需分配相同的变量即可。像这样。

JSFiddle Demo

假设您需要为某个函数填充telefono.tras，然后在调用该函数之前，将telefono.numero 值分配给telefono.tras。

因此，如果您想填充telefono.tras，您可以使用$watch() 方法来执行此操作！

$scope.$watch('telefono.numero', function(newValue, oldValue){
    $scope.telefono.tras = newValue;
})

JSFiddle Demo

我希望这个答案有用，如果有任何问题，请告诉我。

建议：输入框允许数字和文字，只允许数字你需要添加指令，参考这个link