Chrome Inline Install Angular Directive

chromeInstall.js

/**
 * chromeInstall
 * a directive for inline install of a chrome extension from a website using Angular
 *
 * Make sure that the head meta data contains:
 * <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/CHROME_EXTENSION_ID">
 */
yourApp.directive('chromeInstall', 
[function() {
    return {
        link: function (scope, el, attrs) {
            // NOTE: change to your chrome extension ID
            var _URL = 'https://chrome.google.com/webstore/detail/CHROME_EXTENSION_ID';

            function chromeFailed() {
                window.location.href = _URL;
            }

            function finishInstall() {
                console.log("Installed!");
            }

            el.bind('click', function(e) {
                if (chrome.webstore.install) {
                    chrome.webstore.install(_URL, finishInstall, chromeFailed );
                } else {
                    chromeFailed();
                }
            });
        }
    };
}]);