Javascript 如何使用组合框和搜索按钮筛选数组

我有一个数组可以给老师提供信息。我有一个列出这些老师的列表组件。我想为这个数组创建一个组合框和过滤器

这是我的阵列

private\u信息列表：数组=[
{
id:'1'，
标题：“博士教授”，
名字：“Atakan”，
姓：“比尔”
},
{
id:'2'，
标题：“博士教授”，
名字：“Atakan”，
姓氏：“iki”
},
{
id:'3'，
标题：“博士教授”，
名字：“Atakan”，
姓氏：“uc”
},
];

这是我的.html

<div class="col top-bar">
    <div class="container">

        <div class="tab-content">
            <div class="tab-pane active">


                <input type="text" ng-model=search.accountName>
                <select ng-model="search.id" id="">
                    <option value=''>All</option>
                    <option value=1>1</option>
                    <option value=2>2</option>
                </select>

                <table ng-table="tableParams" class="table">
                    <tr ng-repeat="account in $data  | filter:search.lastName | filter:search.id">
                        <td data-title="'id'">
                            {{account.account.accountId.id}}
                        </td>
                        <td data-title="'lastName'">
                            {{account.account.accountName}}
                        </td>

                    </tr>
                </table>

            </div>
        </div>
    </div>
</div>

全部的
1.
2.
{{account.account.accountId.id}
{{account.account.accountName}

我应该在typescript中做什么才能筛选此列表

这是我的ts文件

export class AcademicPersonnelListComponent implements OnInit {

/** */


/** */
private _academicPersonelList: Array<AcademicPersonnelInfoModel> = [];
public get academicPersonelList(): Array<AcademicPersonnelInfoModel> {
    return this._academicPersonelList;
}

导出类AcademicPersonnelListComponent实现OnInit{
/** */
/** */
private _academicPersonelList:Array=[]；
public get academicalPersonEllist（）：数组{
把这个还给我；
}

---

我有一个提供教师信息的数组。我有一个列出这些教师的列表组件。我想为这个数组创建一个组合框和过滤器。

Angular 2+内置管道不支持类似AngularJS的

过滤器

管道。您需要创建一个用于过滤的组件才能做到这一点：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'yourTeacherFilter'})
export class ExponentialStrengthPipe implements PipeTransform {
    // The pipe's transform method take first Argurment is the data using that pipe( which is data before the '|' mark in the template), the others parameter is optional
  transform(input: Array<AcademicPersonnelInfoModel>, lastname, id): number {
    // Your logic of returned values go here
    return input.filter( x => x.id === id && x.lastName.includes(lastname));
  }
}

---

这只是一个用于过滤数据的简单示例管道，您需要进一步的逻辑来增强应用程序中的管道。

Angular 2+内置管道不支持类似AngularJS的

过滤器

管道。您需要创建一个用于过滤的管道，以便能够做到这一点：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'yourTeacherFilter'})
export class ExponentialStrengthPipe implements PipeTransform {
    // The pipe's transform method take first Argurment is the data using that pipe( which is data before the '|' mark in the template), the others parameter is optional
  transform(input: Array<AcademicPersonnelInfoModel>, lastname, id): number {
    // Your logic of returned values go here
    return input.filter( x => x.id === id && x.lastName.includes(lastname));
  }
}

---

这只是一个用于过滤数据的简单示例管道，您需要进一步的逻辑来增强应用程序中的管道。

这是AngularJS吗？根据ng repeat ng modelno.Angular cli，在运行“ng serve”后使用类型脚本您会收到什么错误？angular 2+中不支持

过滤器

管道，如AngularJS，这是AngularJS吗？根据ng repeat ng modelno.angular cli和TypeScription，一旦运行“ng serve”，您会收到什么错误？angular 2+中不支持

过滤器

管道，如AngularJS