JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 66
  • Score
    100M100P100Q60561F
  • License MIT

Angular2 Tooltip Directive

Package Exports

  • ng2-tooltip-overlay

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ng2-tooltip-overlay) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ng2-tooltip-overlay

Angular2 tooltip directive

Install

  1. install ng2-tooltip-overlay

     $ npm install ng2-tooltip-overlay --save

  2. add map and packages to your systemjs.config.js

     map['ng2-tooltip-overlay'] = 'node_modules/ng2-tooltip-overlay'
 packages['ng2-tooltip-overlay'] = { main: 'dist/index.js', defaultExtension: 'js']

  3. add ng2-tooltip.css into your html

    <link rel="stylesheet" href="https://npmcdn.com/ng2-tooltip-overlay/dist/ng2-tooltip.css" />

Usage it in your code

  1. import and add directive in your component

     import { Ng2TooltipDirective } from 'ng2-tooltip-overlay';

 @Component({
   selector: 'my-app',
   templateUrl: './app/app.tpl.html',
   directives: [ Ng2TooltipDirective ]
 })

  2. You are ready. use it in your template

     <div tooltip="This is my tooltip">
   Move mouse over here to see the tooltip
 </div>