{"id":23130850,"url":"https://github.com/hash-bang/angular-bs-tooltip","last_synced_at":"2025-06-17T16:36:11.651Z","repository":{"id":34529644,"uuid":"38472437","full_name":"hash-bang/angular-bs-tooltip","owner":"hash-bang","description":"AngularJS + Bootstrap tooltip support","archived":false,"fork":false,"pushed_at":"2020-10-07T00:06:58.000Z","size":689,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-04T12:21:53.343Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://hash-bang.github.io/angular-bs-tooltip/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hash-bang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-03T04:48:53.000Z","updated_at":"2020-10-26T23:35:48.000Z","dependencies_parsed_at":"2022-09-08T14:01:21.882Z","dependency_job_id":null,"html_url":"https://github.com/hash-bang/angular-bs-tooltip","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hash-bang%2Fangular-bs-tooltip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hash-bang%2Fangular-bs-tooltip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hash-bang%2Fangular-bs-tooltip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hash-bang%2Fangular-bs-tooltip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hash-bang","download_url":"https://codeload.github.com/hash-bang/angular-bs-tooltip/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hash-bang%2Fangular-bs-tooltip/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":258674091,"owners_count":22739587,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-17T11:10:44.102Z","updated_at":"2025-06-17T16:36:06.640Z","avatar_url":"https://github.com/hash-bang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"angular-bs-tooltip\n==================\nAngularJS + Bootstrap tooltip support.\n\n\n[DEMO](http://hash-bang.github.io/angular-bs-tooltip/)\n\n\nInstallation\n------------\n\n1. Grab the NPM\n\n```shell\nnpm install --save @momsfriendlydevco/angular-bs-tooltip\n```\n\n\n2. Install the required script + CSS somewhere in your build chain or include it in a HTML header:\n\n```html\n\u003cscript src=\"/libs/angular-bs-tooltip/dist/angular-bs-tooltip.min.js\"/\u003e\n```\n\n\n3. Include the router in your main `angular.module()` call:\n\n```javascript\nvar app = angular.module('app', ['angular-bs-tooltip'])\n```\n\n\n4. Use somewhere in your template:\n\n```html\n\u003ca class=\"btn btn-primary\" tooltip=\"Hello World!\"\u003eTop\u003c/a\u003e\n```\n\n\nA demo is also available. To use this [follow the instructions in the demo directory](./demo/README.md).\n\n\nAPI\n===\n\nOptions\n-------\nThe following options can be applied to any element to configure tooltips.\n\n\n| Option              | Type      | Default | Description                                                                  |\n|---------------------|-----------|---------|------------------------------------------------------------------------------|\n| `tooltip`           | `string`  | `\"\"`    | The content to display in the tooltip. This is rendered dynamically so Angular braces can be used. If `tooltip-html` is true the contents are rendered as HTML |\n| `tooltip-position`  | `string`  | `top`   | Where to position the tooltip. Values are: `top`, `bottom`, `left`, `right`  |\n| `tooltip-container` | `string`  | `body`  | The element to attach the tooltip to. Values are: `body`, `element`          |\n| `tooltip-trigger`   | `string`  | `hover` | When to display the tooltip. Values are: `hover`, `focus`, `click`, `manual` |\n| `tooltip-html`      | `boolean` | `false` | Whether to render the contents as HTML. If false, plain text is used         |\n| `tooltip-show`      | `boolean` | `false` | Force the tooltip to show or hide (this overrides `tooltip-trigger` if true or false, set to undefined to ignore) |\n| `tooltip-tether`    | `boolean` OR `number` | `false` | Use [Tether](http://tether.io) to dynamically pin the element. Use this (and include Tether in the project) if your underlying element changes position frequently. This setting is the time interval Tether should check for repositions (a value of `true` = `100`). NOTE: If you are just refreshing positions periodically use the `$scope.$broadcast('bs.tooltip.reposition')` instead |\n\n\nEvents\n------\nThis directive also responds to the following broadcast events from the scope.\nTo use these simply broadcast from the parent scope *downwards* using `$broadcast()`. For example `$scope.$broadcast('bs.tooltip.reposition')` will force all tooltips below the calling controller to reposition themselves.\n\n\n| Event                   | Description |\n|-------------------------|-------------|\n| `bs.tooltip.reposition` | Reposition all tooltips to their parent element if they are visible. If `tooltip-tether` is enabled on any tooltip it will be used for positioning, if not the tooltip is repositioned by Bootstrap |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhash-bang%2Fangular-bs-tooltip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhash-bang%2Fangular-bs-tooltip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhash-bang%2Fangular-bs-tooltip/lists"}