Показать данные на другой странице, используя при нажатии кнопки ионные? - PullRequest
Новая
       25

Показать данные на другой странице, используя при нажатии кнопки ионные?

0 голосов
/ 04 сентября 2018

У меня такой ответ 

{
    "value": [
        {
            "AttachmentFiles": [
                {
                    "odata": "SP.Attachment",
                    "odata": "AttachmentFiles('b1.jpg')",
                    "odata": AttachmentFiles('b1.jpg')",
                    "FileName": "b1.jpg"
                }
            ],
            "Id": 1,
            "Title": "Article #1",
            "LongStory": "is designed to convey the business impact it generates.",
            "SortStory": "professional services firm ",
            "ArticleCategory": "News",

        },
        {
            "AttachmentFiles": [
                {
                    "odata": "SP.Attachment",
                    "odata": "https://('b3.jpg')",
                    "odata": "/AttachmentFiles('b3.jpg')",
                    "FileName": "b3.jpg"
                }
            ],
            "Id": 2,
            "LongStory": "In June 2017",
            "SortStory": "is a professional services
            "ArticleCategory": "News",
            "Title": "Article #2",

        }
    ]

}

Мне нужно показать длинную историю на другой странице со значением «FileName».

Мой код для HTML ниже 

<ion-content padding style="background:reds!important;" class="no-scroll">
    <ion-slides #slider (ionDidChange)="SlideChanged()" [options]="_sliderOptions" id="ionSlider" >
            <ion-slide #slide *ngFor="let robot of _robots; let i = index " >
                    <ion-item >
                             <div attr.id="Testing{{i}}"></div>>
                        <h1>{{robot.Title}}</h1>
                        <p>{{robot.SortStory}}</p>
                    </ion-item>
                    <button ion-button (click) = "goToLongStory()" icon-start large round color="dark">
                            <ion-icon name="star"></ion-icon>
                            clike me m8
                          </button>
                </ion-slide>
    </ion-slides>
</ion-content>

Может ли кто-нибудь помочь мне в этом, на каждом слайде у меня есть кнопка, и при нажатии кнопки я должен показать связанные данные на другой странице, такие как длинная история, заголовок, имя файла.

Пожалуйста, помогите мне.

1 Ответ

0 голосов
/ 04 сентября 2018

в вашем строителе положите

public navCtrl: NavController, `

чем в функции goToLongStory () передать индекс вы хотите получить доступ и фильтр для длинной истории с индексом вам нужно. После этого просто вызовите новую страницу и передайте параметр.

this.navCtrl.push('newPage', { longStory: LongStory });

На странице «NEWPAGE» вам необходимо добавить следующие строки в constrcutor:

public navParams: NavParams

чем получить LongStory от navParams переменной вашего выбора.

let yourNewVariable: string = navParams.get("LongStory ");

...