Angular 如何将2字符串插值的2值同步到一个输入NG6
在html代码中必须有3个ngModel为4个值,其中一个是两个值的组合,如何将两个值绑定到一个ngModelAngular 如何将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
<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(' ');
}