javascript - 从 xterm js 隐藏帮助器文本框

Question

我正在使用 xterm js 创建终端应用程序。当我将它添加到我的 Angular 应用程序时，它会显示基本终端，但还会显示一个顶部带有“W”的文本框。

ngOnInit() {
    let term = new Terminal();
    let fitAddon = new FitAddon();
    term.loadAddon(fitAddon);
    let element = document.getElementById('terminal');
    if (element) {
      term.open(element);
      fitAddon.fit();
      term.write('Hello from \x1B[1;3;31mvXterm\x1B[0m $ ');
      term.onKey((key) => {
        console.log(key);
        if (key.domEvent.code === 'Enter') {
          term.writeln('');
          term.write('Hello from \x1B[1;3;31xTerm\x1B[0m $ ');
        } else {
          term.write(key.key);
        }
      });
    }
  }

和 terminal.component.html 文件：

<div class="terminal" id="terminal"></div>

当我点击终端时，光标出现在文本框上，它是库中的 DOM 元素。有谁知道如何删除或隐藏它？

标签： javascriptangulartypescriptxterm

Answer 1

事实证明，问题出在我的测试环境中。不是图书馆。结束问题