如何基于angular6中的用户输入过滤列表中的数据？

Question

这是我的html

import json

json_string = what should be here???
parsed_data = json.loads(json_string)
x = parsed_data["value"]


if x == 10:
   xbmc.executebuiltin('ActivateWindow(9000)')
else:
   xbmc.executebuiltin('ActivateWindow(1199)')

在上面的html中，我有元素列表，当用户在输入字段中输入数据超过2个字符时，然后使用angular6过滤列表数据

Answer 1

您需要将Unauthenticated标签绑定到一个数组，然后对其进行过滤：

li

在您的html视图中：

data = ['Forms', 'Charts', 'Buttons', 'Tabs'];
filteredData: any[];
ngOnInit(){
  this.filteredData = this.data;
}

每次用户在输入中键入以下内容时，就会触发火灾事件：

<ul class="sub-menu" *ngFor="let item of filteredData">
    <li><a href="#">{{item}}</a></li>
</ul>

在组件内部：

<input type="text" class="form-control pl-0" placeholder="Search" aria-label="Username" aria-describedby="basic-addon1" (change)="filter($event)">

列表将随着新的过滤数据自动更改。