angular - 在 Angular HTML 输入变量中串联

Question

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

原文:

<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

你可以这样试试——

<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希望这对您有所帮助，如果它对您不起作用，请告诉我。