javascript - 同步两个具有不同模型的文本框

标签 javascript html angularjs angularjs-ng-model

我有一个简单的 Angular 应用程序,它有两个不同模型的文本框

First Email: <input ng-model="firstEmail"/>
Second Email: <input ng-model="secondEmail"/>

现在,如果在第一封电子邮件中输入了某些内容,我希望它在第二封电子邮件中得到填充,但如果第二封电子邮件是手动编辑的,则此绑定(bind)应该停止,即第一封电子邮件中的进一步更改不应影响第二封电子邮件。

我的代码:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.1/angular.min.js"></script>
<script>
var emailApp = angular.module('emailApp', []);
emailApp.controller('EmailCtrl', ['$scope', function ($scope) {

}]);
</script>
</head>
<body ng-app="emailApp">
  <div ng-controller="EmailCtrl">
      First Email: <input ng-model="firstEmail"/>
      <br>
      Second Email: <input ng-model="secondEmail"/>
      </select>
  </div>
</body>
</html>

最佳答案

需要用watch从firstEmail绑定(bind)secondEmail中的内容。

  $scope.$watch('firstEmail',function(newVal,oldVal){
    $scope.secondEmail=newVal;
    })

Plunker

关于javascript - 同步两个具有不同模型的文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28497407/

相关文章:

javascript - AngularJS,如何使两个输入字段的总和在动态变化时始终等于第三个输入?

javascript - Handlebars.js 每个带有 if 条件的助手

javascript - 如何在javascript中动态替换类名

html - 背景 100% 高度,左侧

css - 知道为什么这些 DIV 重叠吗?

html - 使列表按列排列

javascript - 在 AngularJS 中重新评估定时器过滤器

javascript - 如何在标识符中使用 % 符号

javascript - 插入不匹配列名的对象

javascript - Angular 从 ng-repeat 中的 $scope 获取动态变量