Angular 离子浏览器平台条形码扫描器“;输入条形码值";问题
我有一个爱奥尼亚5浏览器平台应用程序。ı内置条形码阅读器。当ı从我的手机打开浏览器并打开条形码扫描仪页面时,它会触发“输入条形码值”文本输入,而不是打开摄像头进行扫描。当在我的手机上用android版做同样的程序时,效果很好。在官方文件中,他们说它的浏览器是受支持的,但看起来好像没有。。是否有人有任何想法,请帮助,我的代码如下: 我的应用程序模块:Angular 离子浏览器平台条形码扫描器“;输入条形码值";问题,angular,ionic-framework,barcode-scanner,ionic-native,Angular,Ionic Framework,Barcode Scanner,Ionic Native,我有一个爱奥尼亚5浏览器平台应用程序。ı内置条形码阅读器。当ı从我的手机打开浏览器并打开条形码扫描仪页面时,它会触发“输入条形码值”文本输入,而不是打开摄像头进行扫描。当在我的手机上用android版做同样的程序时,效果很好。在官方文件中,他们说它的浏览器是受支持的,但看起来好像没有。。是否有人有任何想法,请帮助,我的代码如下: 我的应用程序模块: import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import {
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { MatIconModule } from '@angular/material/icon';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CommonModule } from '@angular/common';
import { HTTP } from '@ionic-native/http/ngx';
import { NativeStorage } from '@ionic-native/native-storage/ngx';
import { IonicStorageModule } from '@ionic/storage';
import { HttpService } from './services/http.service';
import { Geolocation } from '@ionic-native/geolocation/ngx';
import {MatInputModule} from '@angular/material/input';
import {MatCardModule} from '@angular/material/card';
import {MatSelectModule} from '@angular/material/select';
import {MatDialogModule} from '@angular/material/dialog';
import { HttpClient } from '@angular/common/http';
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { PhotoViewer } from '@ionic-native/photo-viewer/ngx';
import { NgxMaskModule, IConfig } from 'ngx-mask'
import { OneSignal } from '@ionic-native/onesignal/ngx';
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
const maskConfig: Partial<IConfig> = {
validation: false,
};
export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http, "./assets/i18n/", ".json");
}
@NgModule({
declarations: [AppComponent],
entryComponents: [],
schemas:[CUSTOM_ELEMENTS_SCHEMA],
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
HttpClientModule,
NgxMaskModule.forRoot(maskConfig),
MatIconModule,
IonicStorageModule.forRoot(),
FormsModule,
CommonModule,
BrowserAnimationsModule,
MatInputModule,
MatCardModule,
MatSelectModule,
MatDialogModule,
ReactiveFormsModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: (HttpLoaderFactory),
deps: [HttpClient]
}
})
],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
HTTP,
Geolocation,
NativeStorage,
HttpService,
MatDialogModule,
PhotoViewer,
OneSignal,
BarcodeScanner
],
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
import { StorageService } from 'src/app/services/storage.service';
@Component({
selector: 'app-barcode-scanner',
templateUrl: './barcode-scanner.page.html',
styleUrls: ['./barcode-scanner.page.scss'],
})
export class BarcodeScannerPage {
constructor(private barcodeScanner: BarcodeScanner,
private storageService: StorageService,
private router: Router) { }
ionViewDidEnter() {
this.barcodeScanner.scan().then(barcodeData => {
var str = barcodeData.text
this.storageService.getItem("LangID").then(res=>{
var str2 = str.concat(";LangID="+JSON.stringify(res))
this.router.navigateByUrl(str2)
})
}).catch(err => {
console.log('Error', err);
});
}
}
我的屏幕截图