title: How to list all items of an object in ionic 3?
body: <p>Personal maybe my question is not being too clear, but what I am trying to do is that by clicking on the Feed item in the categories screen, be listed all companies that are related to Feeding on the companies screen.</p>
  
  <p>I'm very confused because as there will be several companies in each category I have no idea how to list them correctly, could someone help me?</p>
  
  <p>The first image we have my category screen and clicking on the Feed item is to be shown all companies that are related to feed category.</p>
  
  <p><a href="https://i.stack.imgur.com/xuqbO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xuqbO.png" alt="Page Category"></a></p>
  
  <p>My next image is related to the Company page and it is here that will list all companies that are related to Food</p>
  
  <p><a href="https://i.stack.imgur.com/RhcnE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RhcnE.png" alt="Page Company"></a></p>
  
  <p>My items are being stored as an Object within my App.</p>
  
  <p>Here is my <code>home.html</code></p>
  
  <pre><code>    &lt;ion-content id="#pageTop"&gt;
    &lt;ion-searchbar (ionInput)="getItems($event)" placeholder="Pesquisar"&gt;&lt;/ion-searchbar&gt;
    &lt;ion-item *ngFor="let item of items"&gt;
      &lt;ion-thumbnail item-left&gt;
          &lt;img [src]="item.imagem"&gt;
      &lt;/ion-thumbnail&gt;
      &lt;h2&gt;{{ item?.category }}&lt;/h2&gt;
      &lt;button ion-button clear item-end color="primary" (click)="itemTapped($event, item)"&gt;Abrir&lt;/button&gt;
    &lt;/ion-item&gt;
  
    &lt;ion-fab right bottom&gt;
      &lt;button ion-fab color="secondary" (click)="pageScroller()"&gt;&lt;ion-icon name="ios-arrow-up"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
    &lt;/ion-fab&gt;
  </code></pre>
  
  <p>And inside my <code>home.ts</code> is where objects are stored</p>
  
  <pre><code>    initializeItems(){
      this.items = [
        { category: 'Alimentação', imagem: '../../assets/imgs/alimentacao.jpeg'},
      ]
    }
  </code></pre>
  
  <p>And it is in this part that I am having doubts, because my intention is to add in the Object an array of type company and to add all the companies there, however it is not possible to place duplicate object.</p>
  
  <p>Like this example</p>
  
  <pre><code> this.items = [
        { category: 'Alimentação', imagem: '../../assets/imgs/alimentacao.jpeg', company:'companyOne', company:'companyTwo'},
      ]
  </code></pre>
  
  <p>And my <code>company.html</code> it is like this</p>
  
  <pre><code>    &lt;ion-item *ngFor="let company of company"&gt;
        &lt;h2&gt;{{ company?.category }}&lt;/h2&gt;
      &lt;/ion-item&gt;
  </code></pre>
  
  <p>And my <code>company.ts</code> it is like this</p>
  
  <pre><code>   company: any[];
     constructor(public navCtrl: NavController, public navParams: NavParams) {
      this.company = this.navParams.get('item');
    }
  </code></pre>