嗨,我有两种奇怪的方案,我只是无法解决。我有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/

10-12 17:22