在使用ngx-device-detector时,需要在app.module.ts中导入DeviceDetectorModule,并将其添加到@NgModule的imports数组中。
示例代码:
安装ngx-device-detector:
npm install ngx-device-detector --save
在app.module.ts中导入DeviceDetectorModule,并将其添加到@NgModule的imports数组中:
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { DeviceDetectorModule } from 'ngx-device-detector';
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, DeviceDetectorModule.forRoot() ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
在组件中使用DeviceService:
import { Component } from '@angular/core'; import { DeviceDetectorService } from 'ngx-device-detector';
@Component({
selector: 'app-component',
template:
})
export class AppComponent {
deviceInfo = null;
constructor(private deviceService: DeviceDetectorService) {
this.deviceInfo = this.deviceService.getDeviceInfo();
}
}