Question

我正在尝试使用angular向data-content属性添加多个值。为了定位数据内容属性，我使用了[attr.data-content]角度代码以使其起作用。

我有一个要遍历的地址列表，我正在尝试向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>

您应确保您的选项中不包含空格，以免产生伪像

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

1 个答案: