Using this module in other modules
npm install angular-orz-image-filter --save
jspm install npm:angular-orz-image-filter
Use angular-orz-image-filter via systemjs/jspm
Just have your system.config have this:
packages: {
"angular-orz-image-filter": { main: "lib/index.js", defaultJSExtensions: true }
},
map: {
"angular-orz-image-filter": "path/to/angular-orz-image-filter/folder",
"angular": "npm:angular@1.6.5",
...
}
The "path/to/angular-orz-image-filter/folder" depends on how you installed your package, (via npm or jspm)
- To use the
blur
module in a TypeScript file -
import { blur } from "angular-orz-image-filter";
angular.module("mainApp", [blur.name]);
- To use the
blur
module in a JavaScript file -
const blur = require('angular-orz-image-filter').blur;
angular.module("mainApp", [blur.name]);
- Then you can include the orz-blur inside your html
<img blur-me src="test.png" stddeviation="5" />
<blur-me src="test.png" stddeviation="5"></blur-me>
Use angular-orz-image-filter via script tag
<img blur-me src="test.png" stddeviation="5" />
<blur-me src="test.png" stddeviation="5"></blur-me>
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-orz-image-filter/lib/angular-orz-image-filter.js"></script>
<script>
angular.module("mainApp", ["orz.blur"]);
</script>