Angular - 将插值表达式作为组件参数传递
Angular - Pass Interpolation expression as component parameter
我正在构建一个充当下拉列表的组件。
因为这意味着要普遍使用，所以我希望任何对象列表都可以用下拉列表显示。
<dropdown [options]="list" [itemKey]="'itemkey'" [displayExpression]="Item no {{attr}}" (selectedItem)="getSelectedItem($event)"></dropdown>
我知道我也可以传递模板，但我认为传递要插入的表达式对开发人员来说会更简单。
- 如何发送字符串插值？我应该用单引号传递吗？
- 如何在组件中插入字符串？
传递模板确实是一种更灵活的方式来实现您的预期，但是，如果模板对您来说太重，一个简单的事情就是传递一个标签 getter
// ts
getItemLabel(item) {return `${item.name} is an item`}
// html
<dropdown [labelGetter]="getItemLabel">
// dropdown html
<label>{{labelGetter(item)}}</label>
我正在构建一个充当下拉列表的组件。 因为这意味着要普遍使用，所以我希望任何对象列表都可以用下拉列表显示。
<dropdown [options]="list" [itemKey]="'itemkey'" [displayExpression]="Item no {{attr}}" (selectedItem)="getSelectedItem($event)"></dropdown>
我知道我也可以传递模板，但我认为传递要插入的表达式对开发人员来说会更简单。
- 如何发送字符串插值？我应该用单引号传递吗？
- 如何在组件中插入字符串？
传递模板确实是一种更灵活的方式来实现您的预期，但是，如果模板对您来说太重，一个简单的事情就是传递一个标签 getter
// ts
getItemLabel(item) {return `${item.name} is an item`}
// html
<dropdown [labelGetter]="getItemLabel">
// dropdown html
<label>{{labelGetter(item)}}</label>