angular-plaid-link
v1.0.1
Published
Plaid Link wrapper for AngularJS
Downloads
19
Readme
angular-plaid-link
Plaid Link wrapper for AngularJS. Currently only supports custom integration.
Installing
Bower
bower install -S angular-plaid-link
NPM
npm install --save angular-plaid-link
Getting Started
Checkout the official documentation for additional details on using Plaid Link.
Step 1: Add the plaid link script
Make sure you have the plaid link script loaded on your page:
<body>
...
<script src="https://cdn.plaid.com/link/stable/link-initialize.js"></script>
</body>Step 2: Inject angular-plaid-link
Inject angular-plaid-link into your app module:
angular.module('MyApp', [
...
'angular-plaid-link',
...
]);Step 3: Pre-configure the Plaid Link handler
You can configure the handler 2 ways, by using the plaidLinkProvider and calling .init inside a config block or
directly on the .create method (see step 4). init accepts a single object parameter.
Available configuration parameters
...
.config([
'plaidLinkProvider',
function(plaidLinkProvider) {
plaidLinkProvider.init({
clientName: 'My App',
env: 'tartan',
key: 'test_key',
product: 'auth'
});
}
])
...Step 4: Call .create to create the handler
The first parameter accepts a configuration object just like init in plaidLinkProvider. In addition you can pass the
onSuccess and onExit callback functions as the second and third parameters.
.controller('ctrl', [
'plaidLink'
function(plaidLink) {
plaidLink.create(
// configurations here will override matching plaidLinkProvider.init configurations
{
clientName: 'My App',
env: 'tartan',
key: 'test_key',
product: 'auth'
},
// success callback
function(token) {
console.log('token: ', token);
// pass the token to your sever to retrieve an `access_token`
// see https://github.com/plaid/link#step-3-write-server-side-handler
},
// user exit callback
function() {...});
}
]);Step 5: Call .open to open the Plaid Link interface
You can pass an optional bankType parameter to open directly to a specific bank.
https://plaid.com/docs/#institutions contains the valid bankType's you can pass.
plaidLink.open(bankType); // bankType is optionalYou can use plaidLink.isLoaded() to determine if the link module has been loaded before attempting to call .open.