angular元素高光指令 - ngx-highlight

angular元素高光指令 - ngx-highlight
插件名称 ngx-highlight
发布时间 2020年10月29日
插件作者 arthurvaverko

一个Angular指令,用于突出显示html容器及其子代中的文本。

安装:

npm install ngx-highlight

用法

npm install ngx-highlight

[highlight]="searchTerm"向任何块元素添加指令。

...
import { HighlightModule } from 'ngx-highlight/highlight.module';

@NgModule({
	declarations: [
		AppComponent,
	],
	imports: [
		BrowserModule,
		FormsModule,
		HttpModule,
		HighlightModule,
	],
	providers: [],
	bootstrap: [AppComponent]
})

export class AppModule { }

在您的HTML模板中:

<div [highlight]="searchTerm">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, suscipit atque excepturi rem culpa, aperiam et. Qua
    tempora qui molestias distinctio beatae suscipit doloremque reiciendis, quisquam vel, recusandae, obcaecati dolor.
</div>