Missing md-nav-ink-bar when md-nav-bar component initially hidden

[7omate]

Actual Behavior:

• What is the issue? * Missing md-nav-ink-bar when md-nav-bar component initially hidden
• What is the expected behavior? When the component is shown the md-nav-ink-bar should be shown

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: http://codepen.io/anon/pen/wozprL
• Details: Clicking the KO checkbox displays the navbar without md-nav-ink-bar, upon click the md-nav-ink-bar is correctly displayed.

Angular Versions: *

• Angular Version: 1.5.5
• Angular Material Version: 1.1.0

Additional Information:

• Browser Type: * (ALL) tested on Chrome & Firefox
• Browser Version: * latest
• OS: * MacOS (irrelevant)
• Stack Traces:

Am I doing something wrong?

Minimal code showing the problem and the expected behavior:

    <md-checkbox ng-model="SHOWIT" ng-init="SHOWIT=false">KO</md-checkbox>
            <md-nav-bar ng-show="SHOWIT" md-selected-nav-item="currentNavItem" ng-init="currentNavItem = 'menu1'">
            <md-nav-item md-nav-click="goto('menu1')" name="menu1">MENU1</md-nav-item>
            <md-nav-item md-nav-click="goto('menu2')" name="menu2">MENU2</md-nav-item>
            </md-nav-bar>
    <md-checkbox ng-model="SHOWIT1" ng-init="SHOWIT1=true">OK</md-checkbox>
            <md-nav-bar ng-show="SHOWIT1" md-selected-nav-item="currentNavItem" ng-init="currentNavItem = 'menu1'">
            <md-nav-item md-nav-click="goto('menu1')" name="settings">MENU1</md-nav-item>
            <md-nav-item md-nav-click="goto('menu2')" name="menu2">MENU2</md-nav-item>
            </md-nav-bar>

[CBR0]

+1

[rodrioce]

+1

[rodrioce]

I found a workaround by changing the

<md-nav-bar ng-show="SHOWIT" md-selected-nav-item="currentNavItem" ng-init="currentNavItem = 'menu1'">

for

<md-nav-bar ng-if="!SHOWIT" md-selected-nav-item="currentNavItem" ng-init="currentNavItem = 'menu1'">

[7omate]

Indeed that works. Thanks for sharing!

[Ravi-Upadhyay]

rodrioce, Thanks dude. It worked.

[Splaktar]

Updated CodePen repro for AngularJS Material 1.1.5.