You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<divfxShow[fxShow.xs]="menuOpen" class="banner">
I should hide and show
</div>
All works fine. When I do not specify the default, non-responsive selector fxShow:
<div[fxShow.xs]="menuOpen" class="banner">
I should hide and show
</div>
then a Template Parse error occurs:
Uncaught (in promise): Error: Template parse errors:
Can't bind to 'fxShow.xs' since it isn't a known property of 'div'. ("
</button>
<div [ERROR ->][fxShow.xs]="menuOpen" class="banner">
I should hide and show
</div>
"): TestApp@5:9
Error: Template parse errors:
Can't bind to 'fxShow.xs' since it isn't a known property of 'div'. ("
</button>
@Directive({selector: ` [fxShow], [fxShow.xs] [fxShow.gt-xs], [fxShow.sm], [fxShow.gt-sm] [fxShow.md], [fxShow.gt-md] [fxShow.lg], [fxShow.gt-lg], [fxShow.xl]`})exportclassShowDirectiveextendsBaseFxDirectiveimplementsOnInit,OnChanges,OnDestroy{/** * Original dom Elements CSS display style */private_display='flex';/** * Subscription to the parent flex container's layout changes. * Stored so we can unsubscribe when this directive is destroyed. */private_layoutWatcher : Subscription;
@Input('fxShow')setshow(val){this._cacheInput("show",val);}
@Input('fxShow.xs')setshowXs(val){this._cacheInput('showXs',val);}
@Input('fxShow.gt-xs')setshowGtXs(val){this._cacheInput('showGtXs',val);};
@Input('fxShow.sm')setshowSm(val){this._cacheInput('showSm',val);};
@Input('fxShow.gt-sm')setshowGtSm(val){this._cacheInput('showGtSm',val);};
@Input('fxShow.md')setshowMd(val){this._cacheInput('showMd',val);};
@Input('fxShow.gt-md')setshowGtMd(val){this._cacheInput('showGtMd',val);};
@Input('fxShow.lg')setshowLg(val){this._cacheInput('showLg',val);};
@Input('fxShow.gt-lg')setshowGtLg(val){this._cacheInput('showGtLg',val);};
@Input('fxShow.xl')setshowXl(val){this._cacheInput('showXl',val);};
Activity
ThomasBurleson commentedon Dec 22, 2016
@tbosch, @vicb - FYI.
ThomasBurleson commentedon Dec 22, 2016
Note that show.ts uses:
fix(Compiler): allow "." in attribute selectors (#13653)
fix(Compiler): allow "." in attribute selectors (angular#13653)
angular-automatic-lock-bot commentedon Sep 10, 2019
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.