角表情符号选择器在Windows 7上不起作用

如何解决角表情符号选择器在Windows 7上不起作用

我有一个有角度的项目，在我的项目中，我使用了@ joeattardi / emoji-button插件将表情符号选择器添加到聊天框中

这是模板

<form action="" class="type-message">
        <input type="text" placeholder="{{ 'meeting-side.write-message' | translate }}" id="newMessage"
            (keyup.enter)="sendMessage()" [(ngModel)]="newMessage" [ngModelOptions]="{standalone: true}"  autocomplete="off" required>
        <div class="actions-row">
            <div class="icons-actions">
                <mat-icon id="emojiButton" matTooltip="{{'meeting-side.add-emoji' | translate}}" matTooltipClass="custom-tooltip">sentiment_satisfied_alt</mat-icon>
            </div>
            <a (click)="sendMessage()" [ngClass]="{'disabled': !newMessage}">
                {{ "meeting-side.send" | translate }}
            </a>
        </div>
    </form>

并在我的component.ts代码中添加了该代码

ngAfterViewInit() {
    this.cdRef.detectChanges();

    let button = document.querySelector('#emojiButton') as HTMLButtonElement;
    let picker = new EmojiButton({
      autoHide: false
    });
    
    let input = document.querySelector('#newMessage') as HTMLInputElement;

    picker.on('emoji',emoji => {
      this.newMessage += emoji;
    });

    button.addEventListener('click',() => {
      picker.togglePicker(button);
    });
  }

当我在linux，Windows 10和Mac上测试我的应用程序时，一切正常，但是当我在Windows 7上测试时，它看起来像这样

请帮助我如何使该插件支持Windows 7，或者对任何MIT插件的建议都支持所有操作系统。

谢谢

解决方法

这是与早期操作系统中的表情符号支持有关的问题。只有较新的操作系统才支持您期望的所有表情符号。

Windows 7发行后，一些表情符号作为不同Unicode版本的一部分发行。

使用某些第三方解决此问题可能会有所帮助，但我真的认为不可能修复所有缺少的表情符号。例如，Windows 7具有更新（KB2729094），它提供了Unicode表情符号支持（Segoe UI的更新）。但是，仍然缺少一些新的表情符号，它们是黑白的。