AngularJS - 相同ng模型的独立输入

时间:2018-03-28 00:21:51

标签: angularjs

我是AngularJS的新手,所以我的问题可能有点傻。我试图解决一个问题,我有两个输入字段使用相同的ng模型,我喜欢在一个字段中的put值没有显示该值的另一​​个输入字段。我知道当我在其中一个输入字段中键入某个值时,它会自动反映在另一个输入字段中。我想知道是否有任何解决方法,以便当我将值放在一个输入中时,它不会显示在另一个输入字段中。

1 个答案:

答案 0 :(得分:0)

以下是如何实现这一目标的:

<input ng-model="foo">
<input value="{{::foo}}">

第二个输入&#39; value将被设置为foo的初始值,但它的一次约束。在此之后更改foo将不再影响它。

此外,如果您希望第二个输入更新第一个输入但第一个输入不更新第二个输入,您可以去:

<input ng-model="foo">
<input ng-init="bar=foo" 
       ng-model="bar" 
       on-change="updateFoo()">

// And, inside controller:

$scope.updateFoo = function() {
  $scope.foo = $scope.bar;
};