ng-if doesn't work inside child element template

[voronianski]

ng-if inside card doesn't work.. module version is 0.4.1.

I see this issue closed - #37 but the bug is present.

[voronianski]

update: it doesn't work inside template which is child to deckgrid element (inside external template file it works)

[tonyrh]

can you show some code?

[voronianski]

@tonyrh code is the same as in example at README, just use template as:

<div deckgrid source="photos" class="deckgrid">
    <div class="a-card">
        <h1>{{card.title}}</h1>

        <img src="" data-ng-src="{{card.src}}">
    </div>
</div>

[tonyrh]

where is the ng-if that's not working in what you posted?

[voronianski]

@tonyrh

<div deckgrid source="photos" class="deckgrid">
    <div class="a-card">
        <h1>{{card.title}}</h1>

        <img ng-if="card.src" ng-src="{{card.src}}">
    </div>
</div>

[voronianski]

@tonyrh it's really easy reproduceable

[tonyrh]

Yes indeed, it's easy to reproduce. I don't know how to fix it, as a workaround of sort you can use ng-show,

[voronianski]

@tonyrh yeah.. but ng-show is not always good enough

[akoenig]

@voronianski I can confirm this issue. We have to find a solution for this scenario. It is a little bit tricky to grab the inner template because angular removes this DOM element before the Deckgrid has the chance to catch it ...

[malixsys]

This bug seems to be fixed in Angular 1.3 - angular/angular.js#7499

[akoenig]

@malixsys It is not a AngularJS issue (from my point of view). It is more like a timing problem (see my comment above).

[danieljsinclair]

I'm still getting this issue with 1.3.5 - ngIf doesn't include any nested content regardless of whether it resolves to truthy or falsey when used in a directive (isolate scope) when ngIf is in the directive's html template.