Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdTabs: tabs with dynamic content #2326

Closed
ferc opened this issue Apr 15, 2015 · 1 comment
Closed

mdTabs: tabs with dynamic content #2326

ferc opened this issue Apr 15, 2015 · 1 comment
Assignees
Milestone

Comments

@ferc
Copy link

ferc commented Apr 15, 2015

If I change the tab content dynamically (using an id), these changes do not show in the tab content, only change the node in md-tabs > md-tabs-wrapper > md-tab-data (because angular material copies the tabs I guess),

<md-tab label="three">
  <md-content class="md-padding">
    <h1 class="md-display-2">Tab Three</h1>
    <p id="three-content-node">Some content</p>
  </md-content>
</md-tab>
function TabsController($timeout) {
  $timeout(function() {
    var node = document.getElementById('three-content-node');

    node.textContent = 'another text';
  });
}

This bug only happens with 0.9.0-rc1 tag, with 0.8.3 tag works perfectly.

I wrote a minimalist Plnkr, in my case I am using a Google Maps inside a tab and I am trying to migrate from 0.8.3 to 0.9.0-rc1.

Plnkr

@asthomasdk
Copy link

I am seeing an issue like this in 0.11.0.

As soon as I place anything inside , then I cannot access the elements using getElementById.

If I move the same element outside , getElementById works as it should.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants