如何将多个值添加到angular中的单个数据属性？

Question

我正在尝试使用angular将多个值添加到data-content属性。 为了使我能够定位数据内容属性，我使用[attr.data-content]角度代码使其有效。

我有一个我要遍历的地址列表，我正在尝试向数据内容属性添加多个值，例如address.FriendlyName和address.Description。 当我添加多个属性时，它将不起作用。 有谁知道如何使它工作？

请参见下面的代码：

<select class="selectpicker form-control m-input">
    <option *ngFor="let address of dummyAddresses" [attr.data-content]="address.FriendlyName address.Description">This is a test</option>
     <option data-content="Add &hellip;">Add new address</option>
</select>

Answer 1

您可以在属性绑定内进行字符串连接：

<select class="selectpicker form-control m-input">
 <option *ngFor="let address of dummyAddresses" [attr.data-content]="address.FriendlyName + ' ' + address.Description">This is a test</option>
 <option data-content="Add &hellip;">Add new address</option>
</select>

您应该确保您的选项不包含空格，以避免产生工件