Question

我正在Angular 6中使用ngx-emoji-mart，我正在尝试使用id category ............... 19 All Students 20 Alter0tive Medicine 21 A0lytics 22 Enterprise 2.0 ................... ..................指令在本地加载emoji表，因为ngx-emoji-mart 的文档是这样说的：

backgroundImageFn

但是语法错误，所以我尝试在ts中这样做

<emoji-mart
[backgroundImageFn]="((set,sheetsize)=> 'emoji-picker.png'")"
>
</emoji-mart>

，然后重试

   @Input()
        backgroundImageFn: Emoji['backgroundImageFn'] = 
                           (set: 'emojione', sheetSize: 20,) => { `emoji-picker.png` }

没有任何变化，emojipicker仍然从unpkj.com而非我的本地主机加载工作表。我浏览了该库，以了解如何覆盖此功能并停止调用unpkj.com。

 <emoji-mart
    [backgroundImageFn]="backgroundImageFn"
    >
 </emoji-mart>

有什么想法吗？

Answer 1

导入界面：

import { Emoji } from '@ctrl/ngx-emoji-mart/ngx-emoji/emoji.component'
在代码后面实现接口：

public backgroundImage: Emoji['backgroundImageFn'] = (set: string, sheetSize: number) => this.yourImg;
将其放入您的容器中

<emoji-mart [backgroundImageFn]="backgroundImage"> </emoji-mart>

ngx-emoji-mart backgroundImageFn指令

1 个答案: