InAppBrowser Ионный тестовый браузер не отображает страницу говорит, что не может получить мой URL - PullRequest
0 голосов
/ 26 апреля 2018

Я использую Ionic для создания приложения для iOS и Android, у меня есть представление списка, в котором отображается название веб-сайта и URL-адрес из файла json.Я показываю JSON просто отлично, но я получаю ошибку при тестировании в DevApp на моем iPhone.он говорит, что не может получить / myURLString из моего JSON.он отображает строку URL.

Вот что у меня есть.Может кто-то помочь, я подключен к Wi-Fi и URL-адрес в адресной строке говорит после того, как я нажимаю элемент списка.localhost: 8102 / www.myjsonblahblah.net

my resources.html

<ion-header>

  <ion-navbar>
  <ion-title>Resources & Information</ion-title>
</ion-navbar>
</ion-header>

<ion-item><p text-wrap>Our Resources page will offer adding new resources and finding a team your area.</p></ion-item>
<ion-buttons>

    <button ion-button full large color="secondary" style="color: #000000;">Add a resource!</button>
    <button ion-button full large color="secondary" style="color: #000000;">Find a team in your area!</button>
  </ion-buttons>

<ion-list>
    <button ion-item detail-none *ngFor="let item of filteredList" (click)="openWebpage(item.post.URL)">
      <h4 text-wrap>{{item.post.Name}}</h4>
      <p>{{item.post.URL}}</p>
    </button>
  </ion-list>
</ion-content>

мой файл resource.ts

    import { Component } from '@angular/core';
    import { IonicPage, NavController, NavParams } from 'ionic-angular';
    import { DataProvider } from '../../providers/data/data';
    import { InAppBrowser, InAppBrowserOptions } from "@ionic-native/in-app-browser";



    @IonicPage()
    @Component({
      selector: 'page-resources',
      templateUrl: 'resources.html',
    })
    export class ResourcesPage {
      url: any;
      tournments: any[];
      filteredList = [];
      listType = 'all';

      constructor(
      private navCtrl: NavController,
      private dataProvider: DataProvider, private inAppBrowser: InAppBrowser) {
        this.dataProvider.getResource().subscribe((data: any) => {
          this.tournments = data.posts;
  this.filteredList = this.tournments;
  this.url = data.posts;
        });
      }

      openWebpage(url: string) {
        const options: InAppBrowserOptions = {
  zoom: 'yes',
  toolbar: 'yes',
  enableViewportScale: 'yes',
        }

        // Opening a URL and returning an InAppBrowserObject
        const browser = this.inAppBrowser.create(url, '_system', options);
        console.log(url);
        console.log(browser);
        console.log("link viewed");

       // Inject scripts, css and more with browser.X
      }

      /**
       * open Resoures detail page
       * 
       * @param tournament 
       */
      openResourcePage(tournament: any) {
        this.navCtrl.push('ResourceDetailPage', {tournament: tournament});
      }

      /**
       * search by text
       */
      onSearch(event: any) {
        const searchText = event.target.value.toLowerCase();
        this.filteredList = this.tournments.filter(item => {
          if ((item.post.NAME as                         string).toLowerCase().indexOf(searchText) > -1) {
    return true;
          }
  return false;
          });
        }

      segmentChanged(event: any) {
        this.dataProvider.getResource(event.value).subscribe((data: any) => {
          this.tournments = data.posts;
          this.filteredList = this.tournments;
        });
      }

    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...