同步两个文本框不同型号文本框、型号、不同、两个

由网友(王的羁绊)分享简介：我有两个文本框机型不同角度简单的应用程序第一封邮件：＆LT;输入NG模型=firstEmail/＆GT;第二封电子邮件：其中，输入NG模型=secondEmail/＆GT; 现在，如果事情是在第一封电子邮件类型的，我希望它得到填充在第二封电子邮件，但如果第二封邮件手动编辑，那么这种结合应该停止即第一封电子邮件进一步的...

我有两个文本框机型不同角度简单的应用程序

 第一封邮件：＆LT;输入NG模型=firstEmail/＆GT;第二封电子邮件：其中，输入NG模型=secondEmail/＆GT;

现在，如果事情是在第一封电子邮件类型的，我希望它得到填充在第二封电子邮件，但如果第二封邮件手动编辑，那么这种结合应该停止即第一封电子邮件进一步的变化should't影响第二封邮件。

我的code：

 ＆LT; HTML和GT;＆LT; HEAD＆GT;＆所述; SCRIPT SRC =http://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.1/angular.min.js＆GT;＆下; /脚本＆GT;＆LT;脚本＆GT;VAR emailApp = angular.module（'emailApp'，[]）;emailApp.controller（'EmailCtrl'，['$范围'，函数（$范围）{}]）;＆LT; / SCRIPT＆GT;＆LT; /头＆GT;＆LT;机身NG-应用=emailApp＆GT;  ＆LT; DIV NG控制器=EmailCtrl＆GT;      第一封电子邮件：其中，输入NG模型=firstEmail/＆GT;      ＆LT; BR＆GT;      第二封电子邮件：其中，输入NG模型=secondEmail/＆GT;      ＆LT; /选择＆GT;  ＆LT; / DIV＆GT;＆LT; /身体GT;＆LT; / HTML＆GT;

解决方案怪事复制word流程图到长篇文档中,文本框中的内容发生变化,且修改文本框内容时不同文本框也同步改变

您需要使用的手表从firstEmail在secondEmail内容绑定。

  $范围。$腕表（'firstEmail'，函数（的newval，OLDVAL）{    $ scope.secondEmail =的newval;    }）

Plunker

I have a simple angular app with two textboxes with different models

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

Now, if something is typed in first email, I want it to get populated in second email but if second email is manually edited, then this binding should stop i.e. further changes in first email should't affect second email.

My code:

<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>

解决方案

You need to use watch to bind the content in secondEmail from the firstEmail.

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

Plunker

阅读全文

相关专题：文本框；型号；不同；两个；发布时间：2023-09-13 03:55:58