Using this module in other modules
- npm
npm install angular-orz-image-filter --save
- jspm
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 -
; angular.module"mainApp", ;
- To use the
blur
module in a JavaScript file -
const blur = blur; angular;
- Then you can include the orz-blur inside your html
<img orz-blur src="test.png" stddeviation="5" />
<orz-blur src="test.png" stddeviation="5"></orz-blur>
Use angular-orz-image-filter via script tag
-
Install or download angular-orz-image-filter via npm
-
Then include script reference
<img orz-blur src="test.png" stddeviation="5" />
<orz-blur src="test.png" stddeviation="5"></orz-blur>
<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>