ng-synaps-pics

Synaps.pics bindings for AngularJS

Installation

With npm:

npm install --save ng-synaps-pics

Usage

<img synaps-pics="$ctrl.imageUrl" width="300" height="200" crop="fit" retina>

<div class="hero" synaps-pics="$ctrl.imageUrl" height="400" retina as-background >

Lazy loading

<img synaps-pics="$ctrl.imageUrl" width="300" height="200" lazy>

Attributes

Details will come here...

Global configurations

angular.module('myModule', ['synaps.pics'])
    .config(function (SynapsPicsConfigProvider) {
        SynapsPicsConfigProvider.setHttpsDisabled(); // use http instead of https

        SynapsPicsConfigProvider.setServiceUrl('my.image.alias.com'); // default is: img.synaps.pics
    });