{"id":25558917,"url":"https://github.com/davewm/ngpopoverbutton","last_synced_at":"2025-09-04T07:35:33.602Z","repository":{"id":25704097,"uuid":"29140673","full_name":"DaveWM/ngPopoverButton","owner":"DaveWM","description":"A directive for a button that shows a popover when clicked","archived":false,"fork":false,"pushed_at":"2015-03-07T01:17:25.000Z","size":204,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-24T14:55:46.543Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"priestd09/L5-media-manager","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DaveWM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-01-12T15:03:27.000Z","updated_at":"2018-03-06T22:05:22.000Z","dependencies_parsed_at":"2022-08-24T14:12:57.184Z","dependency_job_id":null,"html_url":"https://github.com/DaveWM/ngPopoverButton","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DaveWM/ngPopoverButton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DaveWM%2FngPopoverButton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DaveWM%2FngPopoverButton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DaveWM%2FngPopoverButton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DaveWM%2FngPopoverButton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DaveWM","download_url":"https://codeload.github.com/DaveWM/ngPopoverButton/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DaveWM%2FngPopoverButton/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273573613,"owners_count":25129881,"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","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2025-02-20T16:26:18.090Z","updated_at":"2025-09-04T07:35:33.557Z","avatar_url":"https://github.com/DaveWM.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ngPopoverButton [![Build Status](https://travis-ci.org/DaveWM/ngPopoverButton.svg)](https://travis-ci.org/DaveWM/ngPopoverButton) [![bitHound Score](https://www.bithound.io/DaveWM/ngPopoverButton/badges/score.svg)](https://www.bithound.io/DaveWM/ngPopoverButton)\nngPopoverButton is a directive for a button that shows a popover when clicked. \nThe main attaction of this directive is that the content is compiled in the scope of the parent controller,\nso it is completely dynamic, and you can have any bindings you want in it.\n\nThis should be possible using the UI bootstrap popover directive, but currently isn't due to \n[this bug](https://github.com/angular-ui/bootstrap/issues/220#issuecomment-68443640),\nwhich was opened almost 2 years ago.\n\nYou can see a demo [here](http://embed.plnkr.co/d56XSJoJJfpMm2XyYZC9/preview)\n\n\u003e**Important Note** This directive is not compatible with angular 1.2.x, because of [a bug with nested transclusion](https://github.com/angular/angular.js/issues/6435).\n\u003eYou need to use angular 1.3.0 or later.\n\n## Using ngPopoverButton\nTo install ngPopoverButton:\n- run `bower install ng-popover-button`\n- add references to the script and css files\n- add the angular module as a dependency, e.g. `angular.module('app', ['ngPopoverButton']);`\n\nThe directive is used as follows:\n```html\n\u003cpopover-button placement=\"left\" button-text=\"A Button\" button-icon=\"fa-thumbs-up\" on-close=\"onClose()\" on-open=\"onOpen()\"\u003e\n  \u003ctitle\u003e Title \u003c/title\u003e\n  \u003ccontent\u003e This is the content, binding has value: {{binding}} \u003c/content\u003e\n\u003c/popover-button\u003e\n```\n\n## Attributes\n\n| Attribute | Type | Description |\n|-----------|-------|------------|\n| `button-text` | string | The button text |\n| `button-icon` | string | An icon to display in the button. You need to have font awesome installed to use this |\n| `placement` | string | Determines where the popover shows up, relative to the button. Can be `top`, `bottom`, `right` or `left`. |\n| `on-open` | function | Function to execute when popover opens |\n| `on-close` | function  | Function to execute when the popover closes |\n\n## Dependencies\n- [UI Bootstrap](http://angular-ui.github.io/bootstrap/)\n- [Bootstrap](http://getbootstrap.com/) (css only)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavewm%2Fngpopoverbutton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavewm%2Fngpopoverbutton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavewm%2Fngpopoverbutton/lists"}