Я использую 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;
});
}
}