Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
MdTooltip doesn't work with pipe
See original GitHub issueBug, feature request, or proposal:
Bug
What is the expected behavior?
MdTooltip to work fine with pipe
What is the current behavior?
Tootlip doesn’t work using the following expression:
[md-tooltip]="activity.created_at | amTimeAgo"
[browser_adapter.js:85 RangeError: Maximum call stack size exceeded
at defaultParsingFlags (moment.js:80)
at getParsingFlags (moment.js:100)
at configFromISO (moment.js:1958)
at configFromString (moment.js:2012)
at configFromInput (moment.js:2375)
at prepareConfig (moment.js:2358)
at createFromConfig (moment.js:2325)
at createLocalOrUTC (moment.js:2412)
at local__createLocal (moment.js:2416)
at utils_hooks__hooks (moment.js:16)
at TimeAgoPipe.transform (TimeAgoPipe.ts:37)]
What are the steps to reproduce?
using angular2-moment with MdTooltip:
[md-tooltip]="activity.created_at | amTimeAgo"
Which versions of Angular, Material, OS, browsers are affected?
Angular 2 Rc.5 + Webpack = Angular 2 Material a7-2
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Tooltip issue, MatTooltip not working in Angular - Stack Overflow
To use Angular-Material Tooltip you will need: Import the BrowserAnimationsModule and MatTooltipModule : app.module.ts
Read more >Angular Material Tooltip: mat Tooltip example
mat Tooltip not working. Angular material tooltip module depends upon BrowserAnimationsModule. Other wise matTooltip will not be displayed.
Read more >Hover tooltip for pipe - XtraCAD.com
On CAD 2011 & from time-to-time it occurs to me. I utilize "REGENALL" at command prompt & it resolves the issue....until next time....
Read more >reactive-people-picker-angular-material - npm
Implements tooltips with the mdtooltip from material design, though you may want to customize the css (it's not the best as of now)....
Read more >Directives > mdTooltip - AngularJS Material
Tooltips are used to describe elements that are interactive and primarily graphical (not textual). Place a <md-tooltip> as a child of the element...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@m0t0r It is possible. I also tried md-tooltip=“{{activity.created_at | amTimeAgo}}” and got the same.
The issue here was due to a detectChanges call in the tooltip positioning. This no longer exists in the logic and this issue is fixed.
See working example: http://plnkr.co/edit/5gkBSK4zgCjSRSTDGA15?p=preview