TypeScript - الحاق متغیرهای ورودی HTML در Angular

چطور میتوانم رشتهها را در ورودی HTML انگولار به هم متصل کنم؟ مورد زیر در حال ایجاد یک منوی کشویی است. آنچه که میخواهیم این است که txtField ترکیبی از addressCode + ' ' + addressDescription باشد، سعی کردیم آن را در ورودی قرار دهیم، اما موفق نشدیم. دنبال راهی در HTML هستیم، قبل از اینکه در تایپاسکریپت انگولار امتحان کنیم، اگر ممکن باشد.

اصلی:

<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>

پاسخ شماره ۱

میتوانید اینطور امتحان کنید -

<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 امیدوارم این کمک کند، لطفاً اگر هنوز هم برای شما کار نمیکند، به من اطلاع دهید.

پاسخ شماره ۲

شما میتوانید بهسادگی یک تابع ایجاد کنید

در .ts

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

و از .html آن را فراخوانی کنید

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