Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/powershell/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何将2字符串插值的2值同步到一个输入NG6_Angular_Angular4 Forms - Fatal编程技术网

Angular 如何将2字符串插值的2值同步到一个输入NG6

Angular 如何将2字符串插值的2值同步到一个输入NG6,angular,angular4-forms,Angular,Angular4 Forms,在html代码中必须有3个ngModel为4个值,其中一个是两个值的组合,如何将两个值绑定到一个ngModel <span class="user">{{userInfo.FirstName}} {{userInfo.LastName}}</span> <span class="user">{{userInfo.Mobile}}</span> <span class="user"&g

在html代码中必须有3个ngModel为4个值,其中一个是两个值的组合,如何将两个值绑定到一个ngModel

          <span class="user">{{userInfo.FirstName}} {{userInfo.LastName}}</span>
          <span class="user">{{userInfo.Mobile}}</span>
          <span class="user">{{userInfo.Email}}</span>

          <input [(ngModel)]='userInfo.FirstName userInfo.LastName' />
          <input [(ngModel)]='userInfo.Mobile' />
          <input [(ngModel)]='userInfo.Email' />

您可以使用一个属性并在getter/setter中执行连接/拆分,如下所示:


您可以使用一个属性并在getter/setter中执行连接/拆分,如下所示:


你不能那样做。。。angular怎么知道如何为您拆分字符串?@Andrew我不知道这种情况下的最佳解决方案是什么?您不能这样做。。。angular怎么知道如何为您拆分字符串?@Andrew我不知道这种情况下的最佳解决方案是什么?
  userInfo = {
     FirstName: 'x',
     LastName: 'y',
     Mobile: '09999999999',
     Email: 'x@gmail.com'
  };
get firstAndLastName() {
  return this.userInfo.FirstName + (this.userInfo.LastName ? ' ' + this.userInfo.LastName : '');
}
set firstAndLastName(value: string) {
  const parts = value.split(' ');
  this.userInfo.FirstName = parts[0] || '';
  this.userInfo.LastName = parts.slice(1).join(' ');
}