❤
npm
Sign UpSign In

ng-pinyin-engine
TypeScript icon, indicating that this package has built-in type declarations

1.1.6 • Public • Published

npm version CircleCI

ng-pinyin-engine

pinyin-engine Angular 封装。

安装

使用 yarn 或者 npm

yarn add ng-pinyin-engine

npm install ng-pinyin-engine

使用

导入

可直接导入 NgPinyinEngineModule 模块，导入后可使用简体与繁体管道。

import { NgPinyinEngineModule } from 'ng-pinyin-engine';
 
@NgModule({
  ...
  imports: [
    NgPinyinEngineModule
  ]
  ...
})

或者导入具体的模块，根据需要导入简体或者繁体模块。

// 简体搜索模块
import { PinyinCnModule } from 'ng-pinyin-engine';
 
// 繁体搜索模块
// import { PinyinTwModule } from 'ng-pinyin-engine';
 
@NgModule({
  ...
  imports: [
    PinyinCnModule,
    // PinyinTwModule
  ]
  ...
})

调用

如果待搜索列表为简单的字符串数组，则只需要传入 keyword 查询参数即可。

<li *ngFor="let item of list | pinyinCn:keyword;">{{item}}</li>

如果待搜索列表为对象数据组，则除了需要传入 keyword 查询参数，还需要传入索引 Key 的配置数组，关于索引 Key 的说明可查看 pinyin-engine 的文档。

<li *ngFor="let item of list | pinyinCn:keyword:['name'];">{{item.name}}</li>

license

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i ng-pinyin-engine

Repository

github.com/taozhiw/ng-pinyin-engine

Homepage

github.com/taozhiw/ng-pinyin-engine

Weekly Downloads

7

Version

1.1.6

License

MIT

Unpacked Size

125 kB

Total Files

35

Last publish

Collaborators

  • taozhi
Try on RunKit
Report malware