在 Angular HTML 输入变量中串联

Question

如何连接 Angular HTML 输入中的字符串？以下是创建下拉列表。我们想要的是让 txtField 是 addressCode + ' ' + addressDescription 的串联，尝试放入输入，但没有用。首先在 html 中寻找方法，如果可能的话，在尝试 angular 打字稿之前。

原文：

<app-drop-down 
  [listItems]="'addressList'"
  [txtField]="'addressCode'"
  [txtValue]="'addressId'"
</app-drop-down>

尝试

<app-drop-down 
  [listItems]="'addressList'"
  [txtField]="'addressCode' + 'addressDescription'"
  [txtValue]="'addressId'"
</app-drop-down>

Answer 1

您可以简单地创建一个函数

在 .ts 中

concateInput(str1, str2){
return str1.concat(str2);
}

并从 .html

调用它

<app-drop-down 
  [listItems]="addressList"
  [txtField]="concateInput(addressCode, addressDescription)"
  [txtValue]="addressId"
</app-drop-down>

Answer 2

你可以这样试试 -

<app-drop-down 
  [listItems]="addressList"
  txtField="{{addressCode + addressDescription}}"
  [txtValue]="addressId"
</app-drop-down>

但正如您在问题中提到的那样，以下方法也应该有效。

<app-drop-down 
  [listItems]="addressList"
  [txtField]="addressCode + addressDescription"
  [txtValue]="addressId"
</app-drop-down>

这是演示 - https://stackblitz.com/edit/angular-59242999 希望这对您有所帮助，如果它对您不起作用，请告诉我。

在 Angular HTML 输入变量中串联

Concatenate in Angular HTML Input Variables

typescript

angular

angular7