Javascript 角度JS-来自另一个输入值的输入值_Javascript_Angularjs

Javascript 角度JS-来自另一个输入值的输入值

javascript angularjs

Javascript 角度JS-来自另一个输入值的输入值,javascript,angularjs,Javascript,Angularjs,是否可以将一个输入的值绑定到另一个输入的值？以下操作不起作用： <input ng-model="val"> <input value="Hello {{val}}"> 是。这是一个与您的代码 js: html: 你好，普朗克！ *注意：除非您想初始化其值，否则不需要将val添加到控制器。是。这是一个与您的代码 js: html: 你好，普朗克！ *注意：除非您想初始化其值，否则不需要将val添加到控制器。是。这是一个与您的代码 js: html: 你好，普

是否可以将一个

输入的值

绑定到另一个

输入的值

？以下操作不起作用：

<input ng-model="val">
<input value="Hello {{val}}">

是。这是一个与您的代码

js: html:


你好，普朗克！

*注意：除非您想初始化其值，否则不需要将

val

添加到控制器。

是。这是一个与您的代码

js: html:


你好，普朗克！

*注意：除非您想初始化其值，否则不需要将

val

添加到控制器。

是。这是一个与您的代码

js: html:


你好，普朗克！

*注意：除非您想初始化其值，否则不需要将

val

添加到控制器。

是。这是一个与您的代码

js: html:


你好，普朗克！

*注意：除非您想初始化控制器的值，否则不需要将

val

添加到控制器中。

对于您发布的简单用例，可以使用点表示法

小提琴示例

通过使用dot.notation，可以避免与作用域问题的冲突以及与全局命名空间的冲突。不知道所有涉及的变量，这可能就是问题所在

任何$scope.val都会干扰

<input ng-model="val">
<input value="Hello {{val}}">

通过使用点符号和深度链接，您可以避免许多常见问题。

对于您发布的简单用例，您可以使用点符号

小提琴示例

通过使用dot.notation，可以避免与作用域问题的冲突以及与全局命名空间的冲突。不知道所有涉及的变量，这可能就是问题所在

任何$scope.val都会干扰

<input ng-model="val">
<input value="Hello {{val}}">

通过使用点符号和深度链接，您可以避免许多常见问题。

对于您发布的简单用例，您可以使用点符号

小提琴示例

通过使用dot.notation，可以避免与作用域问题的冲突以及与全局命名空间的冲突。不知道所有涉及的变量，这可能就是问题所在

任何$scope.val都会干扰

<input ng-model="val">
<input value="Hello {{val}}">

通过使用点符号和深度链接，您可以避免许多常见问题。

对于您发布的简单用例，您可以使用点符号

小提琴示例

通过使用dot.notation，可以避免与作用域问题的冲突以及与全局命名空间的冲突。不知道所有涉及的变量，这可能就是问题所在

任何$scope.val都会干扰

<input ng-model="val">
<input value="Hello {{val}}">

通过使用点符号和深度链接，您可以避免许多常见问题。

以下是简单的解决方案：

app.js

app.controller('MainCtrl', function($scope) {
    $scope.formatText = function() {
        return "Hello " + $scope.text;
    };

    $scope.$watch('text', function(newValue) {
        $scope.formatedText = "Hello "+ (newValue ? newValue : "");
    })
});

index.html

<body ng-controller="MainCtrl">
    <input type="text" ng-model="text"/>
    <input type="text" ng-model="formatedText"/>
</body>

对于更常见的方法，您可以将$scope.$eval与您自己的指令一起使用。

以下是简单的解决方案：

app.js

app.controller('MainCtrl', function($scope) {
    $scope.formatText = function() {
        return "Hello " + $scope.text;
    };

    $scope.$watch('text', function(newValue) {
        $scope.formatedText = "Hello "+ (newValue ? newValue : "");
    })
});

index.html

<body ng-controller="MainCtrl">
    <input type="text" ng-model="text"/>
    <input type="text" ng-model="formatedText"/>
</body>

对于更常见的方法，您可以将$scope.$eval与您自己的指令一起使用。

以下是简单的解决方案：

app.js

app.controller('MainCtrl', function($scope) {
    $scope.formatText = function() {
        return "Hello " + $scope.text;
    };

    $scope.$watch('text', function(newValue) {
        $scope.formatedText = "Hello "+ (newValue ? newValue : "");
    })
});

index.html

<body ng-controller="MainCtrl">
    <input type="text" ng-model="text"/>
    <input type="text" ng-model="formatedText"/>
</body>

对于更常见的方法，您可以将$scope.$eval与您自己的指令一起使用。

以下是简单的解决方案：

app.js

app.controller('MainCtrl', function($scope) {
    $scope.formatText = function() {
        return "Hello " + $scope.text;
    };

    $scope.$watch('text', function(newValue) {
        $scope.formatedText = "Hello "+ (newValue ? newValue : "");
    })
});

index.html

<body ng-controller="MainCtrl">
    <input type="text" ng-model="text"/>
    <input type="text" ng-model="formatedText"/>
</body>

对于更常见的方法，您可以将$scope.$eval与您自己的指令一起使用。

OPs代码按原样工作。使用点符号有什么好处？补充了更多说明。由于信息有限，我试着发布一个我见过的常见问题。OPs代码按原样工作。使用点符号有什么好处？补充了更多说明。由于信息有限，我试着发布一个我见过的常见问题。OPs代码按原样工作。使用点符号有什么好处？补充了更多说明。由于信息有限，我试着发布一个我见过的常见问题。OPs代码按原样工作。使用点符号有什么好处？补充了更多说明。由于信息有限，我试图发布一个我见过的常见问题。什么不起作用？它似乎对我有用。什么不起作用？它似乎对我有用。什么不起作用？它似乎对我有用。什么不起作用？这似乎对我有用。