Angular 这个例子中的emoji是什么？

我正在尝试这个名为的库，我想在我的输入字段中显示所选的表情符号。我正在看文件，发现了这个。但我不知道他们所说的“this.emoji”是什么意思。因此，我有几个问题：

下面代码中的“this.emoji”是什么？如何初始化它

我认为这是在div中显示选定表情符号的解决方案，但是如何在输入字段中显示带有肤色的表情符号

如何使用表情符号保存聊天记录

假设用户在输入字段中键入“嗨，约翰！！，你好吗？”那么我的最终文本应该保存在DB中吗？当用户想要查看他的聊天记录时，我将如何正确地呈现它？？ 如果我这样存储文本：

嗨，约翰！！：微微的笑脸：，你好吗

那么我将如何在div中用相应的表情符号显示它呢？我是否需要编写任何指令来搜索像“：emoji id:”这样的文本，并将其替换为

<ngx-emoji emoji=':santa::skin-tone-3:' size="16"></ngx-emoji>

---

这是当前上下文。分别是调用方法的对象，您在上面部分引用了该方法的代码。和
emoji
分别是所述对象的
此
的属性或属性

举例说明：

o={emoji:'正如@TomášPospíšek所说，
这个
在上下文中指的是“当前”对象

在Angular中，
这几乎总是指您正在定义的组件类

像这样的第三方bundle通常通过提供服务在组件代码中提供功能

我检查了repo，是的，看起来代码示例就在那里，没有很好的文档，也没有提到可注入服务

我在回购协议中搜索被取消的方法
emoji

看起来它是在
EmojiService
中。只需注入该服务。
谢谢Tomás，但我的问题是文档中不清楚如何初始化它。emoji，它是一个我需要注入构造函数的服务……还是只是我已经初始化的组件中的变量？？有什么想法吗？@Susan大多数时间在Angular中，
此
上下文将引用组件类。我找到了您给出的示例，是的，
emoji
的定义没有上下文。在repo中搜索对其调用的方法名，它看起来像是
EmojiService
的属性。所以是的，看起来像是
此。emoji
将引用注入式服务。你们很好，但重读你们的问题，我并没有做出任何贡献。我自己也不是一个棱角分明的人，我只能猜测：基于@joh04667（谁说得更准确）您需要创建一个EmojiService对象并将其分配给this.emoji.worked..因此解决了第一个问题：）谢谢@joh04667。以防您对2和3有任何建议？我无法投票：（2.->我非常确定不同肤色的表情符号是不同的表情符号。你需要探索现有的表情符号。这些解决方案需要对该库更加熟悉——StackOverflow的目标是成为一个集中的、广泛适用的知识库。像这样的一般性问题并不是论坛的重点，可能会被采纳向下。我是否可以建议您尝试做这些事情，直到您遇到一个更具体的问题阻止您实现目标？即，您的第三个问题可能会归结为“如何将Unicode字符转换为varchar并将其存储在SSMS中？”这些问题遵循指导原则并得到更多关注。
Display emoji as custom element
// $event is from (emojiClick)
const styles = this.emoji.emojiSpriteStyles($event.emoji.sheet, 'twitter'); // pass emoji sheet
const el = document.createElement('div');
Object.assign(el.style, styles); // apply styles to new element
document.body.appendChild(el);