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