title: xlink:href not working in firefox
body: <p>I'm using  xlink:href to display the svg, it's working in both safari and chrome. But not in firefox, any idea?:</p>
  
  <pre><code>&lt;div class="cart-badge"&gt;
   &lt;span class="icon"&gt;
    &lt;svg&gt;
     &lt;use xlink:href="#shape-cart"&gt;&lt;/use&gt;
    &lt;/svg&gt;
   &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE :</strong></p>
  
  <p>I have the base set here in index</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var baseDom = document.createElement('base');
  
  var headDom = document.querySelector('head');
  
  baseDom.setAttribute('href','/');
  
  if(document.querySelector('base')===null)
  {
      headDom.appendChild(baseDom);
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>svg not working in firefox.</p>
  
  <p>I then  add <code>$locationProvider.html5Mode({enabled: true, requireBase: false});</code> in the <code>.config</code> and totally remove the base, svg is showing, the problem now is that it wont call my api without the base.</p>