Plaid Link wrapper for AngularJS. Currently only supports custom integration.
Bower
bower install ng-plaid --save
NPM
npm install ng-plaid --save
Checkout the official documentation for additional details on using Plaid Link.
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>
Inject ng-plaid into your app module:
angular.module('MyApp', [
...
'ng-plaid',
...
]);
You can configure the handler 2 ways, by using the plaidProvider 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([
'plaidProvider',
function(plaidProvider) {
plaidProvider.init({
clientName: 'My App',
env: 'tartan',
key: 'test_key',
product: 'auth'
});
}
])
...
The first parameter accepts a configuration object just like init in plaidProvider. In addition you can pass the
onSuccess and onExit callback functions as the second and third parameters.
.controller('ctrl', ['plaid'
function(plaid) {
plaid.create(
// configurations here will override matching plaidProvider.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() {...});
}
]);
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.
plaid.open(bankType); // bankType is optional
You can use plaid.isLoaded() to determine if the link module has been loaded before attempting to call .open.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent