Checkbox with array from another page

Ionic Framework ionic-v3
1

1- I have a modal with a checkbox. How do I use elements from an array on another page?
For example: Array from tab2.page.ts.

2- In addition, I use an ion-label to name my ion-checkbox, but the information in my ion-checkbox (an address) is cut off.

My modal with checkbox:

<ion-content>

  <br>

  <ion-label color="secondary"><strong>Address</strong></ion-label>

<ion-item>

  <ion-checkbox color="secondary"></ion-checkbox> <ion-label>Times Square Store, Levittown, NY</ion-label>

</ion-item>

<br>

<ion-label color="secondary" ><strong>Options</strong></ion-label>

  <ion-item>

  <ion-checkbox color="secondary"></ion-checkbox> <ion-label>Element [0] Array from tab2.page.ts.</ion-label>

</ion-item>

<ion-item>

  <ion-checkbox color="secondary"></ion-checkbox><ion-label>Element [1] Array from tab2.page.ts.</ion-label> 

</ion-item>

</ion-content>

Can someone help me??

2

By moving them from that page to a service that is injected by all pages interested in the data.

3

Is there any code that makes it possible to use array‘s elements on another page? I saw something like this: this.Market[0].push(‘tab2). But not work

4

Even if there were, IMHO it would be a terrible choice to use it. I find it extremely important to draw clear boundaries indicating who owns what, because otherwise it makes identifying potential bug locations much harder. If any random page can poke around in any other page’s internals, how are you ever supposed to test anything or figure out what code is responsible for introducing problems?

When the shared data is located in a service, you know that any modifications to it have to come through clearly-defined access points.

5

Thanks for the explanation. Can u help me with the question about the alert cut part of my checkbox name? Should include a scroll bar?