@ng-select/ng-option-highlight

Getting started

Step 1: Install ng-option-highlight:

NPM

npm install --save @ng-select/ng-option-highlight

YARN

yarn add @ng-select/ng-option-highlight

Step 2: Import the NgOptionHighlightModule:

import { NgSelectModule } from '@ng-select/ng-select';
import { NgOptionHighlightModule } from '@ng-select/ng-option-highlight';

@NgModule({
	declarations: [AppComponent],
	imports: [NgSelectModule, NgOptionHighlightModule],
	bootstrap: [AppComponent],
})
export class AppModule {}

Step 3: Add directive in your template:

<ng-select>
	...
	<ng-template ng-option-tmp let-item="item" let-search="searchTerm">
		<span [ngOptionHighlight]="search">{{item.title}}</span>
	</ng-template>
</ng-select>

Development

Build

Run ng build ng-option-highlight to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build ng-option-highlight, go to the dist folder cd dist/ng-option-highlight and run npm publish.

Running unit tests

Run ng test ng-option-highlight to execute the unit tests via Karma.