Javascript 以角度形式将一个输入字段值连接(附加)到另一个字段

Javascript 以角度形式将一个输入字段值连接(附加)到另一个字段,javascript,angularjs,forms,angularjs-directive,angularjs-ng-form,Javascript,Angularjs,Forms,Angularjs Directive,Angularjs Ng Form,尝试将第一个输入字段值自动填充到第二个输入字段值,但是,如果第二个输入字段作为现有值,则我希望将第一个输入字段值附加/连接到第二个输入字段值 逻辑: if ( second ){ second = first + second; }else{ second = first; } html: 更新(问题): 当我在Owner字段中键入Jake时,它循环遍历字母并在member字段中打印为Jake,Jak,Ja,J。如果我在成员字段中预先存在值Adam,在所有者字段中输入Tom时,它将在成员字段

尝试将第一个输入字段值自动填充到第二个输入字段值,但是,如果第二个输入字段作为现有值,则我希望将第一个输入字段值附加/连接到第二个输入字段值

逻辑:

if ( second ){
second = first + second;
}else{
second = first;
}
html:

更新(问题):


当我在Owner字段中键入
Jake
时,它循环遍历字母并在member字段中打印为
Jake,Jak,Ja,J
。如果我在成员字段中预先存在值
Adam
,在所有者字段中输入
Tom
时,它将在成员字段中创建
Tom、To、T、Adam
。请检查plunker以进行演示。

为什么不使用显示$scope.owner、$scope.member的第三个只读文本框或标签?

为什么不使用显示$scope.owner的第三个只读文本框或标签,$Actudio。成员?

MAD-D考虑改变你的方法,因为它倾向于基于NG模型工作的循环依赖性。 您已经可以访问这两个值,并且可以用其他方式显示它。另外,您的控制器看起来更干净,可以充当真实视图模型(vm):

app.controller("Controller",  function(){

  var myCtrl = this;

  myCtrl.owner = "";
  myCtrl.member = "";

});

MAD-D考虑改变你的方法,因为它倾向于基于NG模型工作的循环依赖性。 您已经可以访问这两个值,并且可以用其他方式显示它。另外,您的控制器看起来更干净,可以充当真实视图模型(vm):

app.controller("Controller",  function(){

  var myCtrl = this;

  myCtrl.owner = "";
  myCtrl.member = "";

});
我创建了一个 . 下面也给出了。检查它是否适合你

var-app=angular.module('form-example1',[]);
app.controller(“controller”、[“$scope”、函数($scope){
$scope.permaMember=$scope.member?$scope.member:“”;
$scope.editsond=函数(成员){
$scope.permaMember=成员?成员:“”;
}
$scope.editFirst=函数(所有者){
如果(所有者){
$scope.member=$scope.permaMember+所有者
}
否则{
$scope.member=$scope.permaMember
}
}
}]);

所有者
成员
拯救
我已经创建了一个 . 下面也给出了。检查它是否适合你

var-app=angular.module('form-example1',[]);
app.controller(“controller”、[“$scope”、函数($scope){
$scope.permaMember=$scope.member?$scope.member:“”;
$scope.editsond=函数(成员){
$scope.permaMember=成员?成员:“”;
}
$scope.editFirst=函数(所有者){
如果(所有者){
$scope.member=$scope.permaMember+所有者
}
否则{
$scope.member=$scope.permaMember
}
}
}]);

所有者
成员
拯救

。。。那代码不起作用了吗?它怎么不起作用?你有错误吗?预期的输入/输出是什么?它正在工作。怎么了?别这样。在代码方面,它可以很好地工作。就用户界面而言,它完全无法出售。(如果我填写字段2,然后注意到字段1中的一个输入错误,并返回更正,会发生什么情况?)?任何回应都很好。谢谢那代码不起作用了吗?它怎么不起作用?你有错误吗?预期的输入/输出是什么?它正在工作。怎么了?别这样。在代码方面,它可以很好地工作。就用户界面而言,它完全无法出售。(如果我填写字段2,然后注意到字段1中的一个输入错误,并返回更正,会发生什么情况?)?任何回应都很好。谢谢我认为这应该是一个评论我认为这应该是一个评论谢谢你的投入。但是用户需要在
成员
输入字段中自动填充
所有者
值。谢谢您的输入。但是用户需要在
成员
输入字段中自动填充
所有者
值。
app.controller("Controller",  function(){

  var myCtrl = this;

  myCtrl.owner = "";
  myCtrl.member = "";

});