Content via http only gets loaded on the first tab about ionic-super-tabs

[ihadeed]

@karlvd thanks for the feedback. I will use the repo you provided to do some testing and fix this.

[ihadeed]

Fixed in 2.3.3

[karlvd]

Fantastic work, thank you!

@mforloni works for me

Create an object to pass on as rootParams

this.rootParams = {
   myVar: 'someValue'
};

Add it to the super-tab element
<super-tab [root]="'SomePage'" [rootParams]="rootParams" title="Title" id="myTab"></super-tab>

Pick it up in the constructor on the tab page
this.myVar = navParams.get('myVar');

[palbaladejo]

Yes, I have the same issue. It is loaded, but no displayed at the template.

Thanks @karlvd, downgrading to 2.1.0 solved the issue for now.

[Anujmoglix]

same issue for me . @palbaladejo how you downgrade it ? share command

[karlvd]

@palbaladejo to downgrade, just update your package.json to
"ionic2-super-tabs": "2.1.0"

run
npm install

[Anujmoglix]

thanks

[karlvd]

@ihadeed I have done a few more tests related to this issue and updated the repo to cover more scenarios
repo

The page for the second tab contains various scenarios for loading data, my conclusions so far:

• Any data set in ionViewDidLoad() doesn´t bind to the template, including just assigning a value to a var, the event fires but the data can´t be accessed by the template
• Data such as assigning a value to a var works using ngOnInit() instead of ionViewDidLoad()
• Calling a provider from ngOnInit() fires the success callback but any data set in it is not accessible by the template
• Based on this, the problem is not related to http, rather something related to scope and binding

ionViewDidLoad() {
    console.log('load tab2');
    this.anything3 = 'Anthing set in ionViewDidLoad()';
    // Any data set here is not accessible
    this.stuff1 = {
      stuff: ['x', 'y', 'z']
    }

    this.stuffProvider.getStuff().subscribe((response) => {
      // Any data set here is not accesible
      this.stuff2 = {
        stuff: response.data
      };
      // This fires correctly
      console.log('provider success 1');
      // This log is printed
      console.log(this.stuff2);
    }, (error) => {
      console.log('provider error 1 : ' + error);
    });

  }

  ngOnInit() {
    this.anything4 = 'Anthing set in ngOnInit()';
    // Any data set here is accessible
    this.stuff3 = {
      stuff: ['x', 'y', 'z']
    };

    this.stuffProvider.getStuff().subscribe((response) => {
      // Any data set here is not accesible
      this.stuff4 = {
        stuff: response.data
      };
      // Not even this
      this.stuff5 = {
        stuff: ['x', 'y', 'z']
      };
      // This fires correctly
      console.log('provider success 2');

    }, (error) => {
      console.log('provider error 2 : ' + error);
    });
  }

[ihadeed]

Could you please update to [email protected] and let me know if this issue is fixed?

[karlvd]

Same result unfortunately :(

[mforloni]

I have the same problem! please, fix it on time :(

[mforloni]

rootParams not work!! How can I pass parameters to tabs?

[Anujmoglix]

In my app performance is still not good :(

[mforloni]

@karlvd I have a big problem.
After the fix, the component work but I can change the content on the tab only at the first loading and when I don't change the tab. Why?
Example, if I open one new tab and then I return on the previous tab and I change its content (ex. one icon) this not display the modify.
Can you help me?

[kodeine]

#61 i guess its related to this?

[ihadeed]

@kodeine no I don't think they're related. This issue here is fixed.