Question

我有两个输入框。无论第一个输入框中输入的内容应该在第二个显示，这很容易。但是，如果我在第二个输入框中键入内容并尝试首先显示它并不起作用。

这是代码。

<div ng-app="">
  <input type="text" ng-model="first" value={{second}}>
  <input type="text" value={{first}} ng-model="second">
</div>

Angular中是不允许的？

Answer 1

如果有两个输入框共享相同的值是您想要的，那么为ng-model分配相同的范围变量也可以。

<div ng-app="">
  <input type="text" ng-model="form.sameName">
  <input type="text" ng-model="form.sameName">
</div>

建议对ng模型变量使用点表示法。

Answer 2

你离我更近了，对两个输入使用相同的ng模型，

 <input type="text" ng-model="data">
 <br>
    <input type="text" ng-model="data">
<br>

<强>样本

var myApp = angular.module('myApp', []);
 myApp.controller('TestCtrl', ['$scope', function($scope) {

}]);

<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body ng-app="myApp">
<div ng-controller="TestCtrl">
    <input type="text" ng-model="data">
    <br>
    <input type="text" ng-model="data">
    <br>
  </div>
</body>

AngularJs中的反向绑定

2 个答案: