Angular svg base fix
A small directive for fixing SVG xlink:href
within a document with a base tag
Description of the problem — #8934
Installation
via npm:
npm install angular-svg-base-fix
via bower:
bower install angular-svg-base-fix
How to use
Just add this module to your angular app module declaration
angular
.module('myApp', ['svgBaseFix'])
.config(function($locationProvider) {
$locationProvider.html5Mode(true);
});
Use svg like you normally would:
<svg>
<use xlink:href="#icon-name"></use>
</svg>