Как получить информацию об устройстве, используя Angular2 и Typescript - PullRequest
Новая
       7

Как получить информацию об устройстве, используя Angular2 и Typescript

0 голосов
/ 11 июня 2018

У меня есть таблица, мне нужно заполнить эти данные в моей таблице из машинописного текста. 

1.Device Name
2. Device OS
3. Location
4. Browser
5. IsActive

Эти поля должны быть заполнены из машинописного текста, поэтому любой может помочь мне решить эту проблему

1 Ответ

0 голосов
/ 12 июня 2018

Вы можете использовать ngx-device-detector

ngx-device-detector - это AOT-совместимый детектор устройств с поддержкой Angular 2 (и выше), который помогает идентифицировать браузер, операционную систему идругая полезная информация об устройстве с помощью приложения.Обработка основана на user-agent.

Установка:

Чтобы установить эту библиотеку, выполните: 

$ npm install ngx-device-detector --save

Использование: 

Import DeviceDetectorModule in your app.module.ts

  import { NgModule } from '@angular/core';
  import { DeviceDetectorModule } from 'ngx-device-detector';
  ...
  @NgModule({
    declarations: [
      ...
      LoginComponent,
      SignupComponent
      ...
    ],
    imports: [
      CommonModule,
      FormsModule,
      DeviceDetectorModule.forRoot()
    ],
    providers:[
      AuthService
    ]
    ...
  })

В вашем компоненте, где вы хотите использовать Службу устройства 

import { Component } from '@angular/core';
  ...
  import { DeviceDetectorService } from 'ngx-device-detector';
  ...
  @Component({
    selector: 'home',  // <home></home>
    styleUrls: [ './home.component.scss' ],
    templateUrl: './home.component.html',
    ...
  })

  export class HomeComponent {
    deviceInfo = null;
    ...
    constructor(..., private http: Http, private deviceService: DeviceDetectorService) {
      this.epicFunction();
    }
    ...
    epicFunction() {
      console.log('hello `Home` component');
      this.deviceInfo = this.deviceService.getDeviceInfo();
      console.log(this.deviceInfo);
    }
    ...
  }

Служба устройства:

Содержит следующие свойства:

  • браузер
  • os
  • устройство
  • userAgent
  • os_version
...