Angular 输入'后显示所有数据的角度组件@'；

我有一个获取数据的API。我需要一个

角度组件

，它将在表单的

输入/文本字段

的任何位置键入

@'

后显示这些数据

---

需要您的建议。

例如，您可以使用

keyup

事件获取密钥代码

template: `
  <input (keyup)="onKey($event)">
`

  onKey(event: any) {
    if (event.target.value === '@') {
       // do some action, change visibility, and so on...
    }
  }

模板：`
`
onKey（事件：任意）{
如果（event.target.value==='@'）{
//执行一些操作，更改可见性，等等。。。
}
}

---

您可以在Angular文档中找到的所有详细信息：

据我所知，您需要Angular组件。你可以用下面的方法试试_


祝你好运

<input type="text" [ngModel]="mymodel (ngModelChange)="valuechange($event.target.value)" />

export class AppComponent {
  name = 'Angular';
  mymodel: any;
  captureMode: boolean;
  stringCapture: string;
  constructor() {
    this.stringCapture = "";
    this.captureMode = false;
  }
  valuechange(event: any) {
    if (this.captureMode == true) {
      if (this.captureMode == true && event.keyCode >= 65 && event.keyCode <= 90) {
        this.stringCapture += event.key;
        // make your api call with stringCapture
      }
      this.captureMode = true;
    }

    if (event.keyCode == 50) {
      this.captureMode = true;
      this.stringCapture = ""
    }
    if (event.keyCode == 32) {
      this.captureMode = false;
      this.stringCapture = "";
    }
  }
}