javascript - Angularjs双向绑定(bind)

嗨，我有两种奇怪的方案，我只是无法解决。我有3个不同的文本输入字段，第4个字段是其他三个字段的串联。例如：

Text1: A
Text2: B
Text3: C
Text4: A/B/C

我真正想要的是Text4自动更新，因为Text 1,2 or 3被更新，反之亦然！

有任何想法吗？我对此深感困惑...

干杯，
乔恩

最佳答案

只要有分隔符（看起来好像在使用“ /”），它就非常简单。

首先我们的HTML：

Text 1: <input ng-model="text1">
Text 2: <input ng-model="text2">
Text 3: <input ng-model="text3">
Text 4: <input ng-model="text4">

然后，我们将制作2个手表，每个方向一个：

从1,2,3到4。这将1,2,3与我们的分隔符连接起来并观察该值。如果连接结果发生变化，则我们将结果更新4。

$scope.$watch (
      function () {
         return $scope.text1+'/'+$scope.text2+'/'+$scope.text3;
      },function(newval) {
          $scope.text4 = newval;
      });

从4到1,2,3，我们将手表放在4上，当它改变时，使用分隔符将1,2和3分开：

 $scope.$watch ('text4',
         function(newval) {
             texts = newval.split("/");
             $scope.text1 = texts[0];
             $scope.text2 = texts[1];
             $scope.text3 = texts[2];
         });

Working fiddle

关于javascript - Angularjs双向绑定(bind)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21298841/