Question

我发现在angular2应用程序中只是一个简单粘贴的SVG没有被渲染。

我在index.html中有这段代码：

<body>
  <p>SVG outside the application:</p>
  <svg  xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" height="100" width="100"
          style="stroke:#ff0000; fill: #0000ff"/>
  </svg>
  <app>Loading...</app>

  <!-- inject:js -->
  <!-- endinject -->

  <script>
    System.import('bootstrap')
      .catch(function (e) {
        console.error(e,
          'Report this error at https://github.com/mgechev/angular2-seed/issues');
      });
  </script>

</body>

和app.html中的这个简单代码：

<p>SVG inside the application:</p>
<svg  xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
  <rect x="10" y="10" height="100" width="100"
        style="stroke:#ff0000; fill: #0000ff"/>
</svg>

此示例使用angular2-seed应用程序构建，我的问题是：在应用程序中呈现简单svg （非指令，而不是某种插值等）的问题是什么原因？它是角度DOM操作问题还是其他什么？我该如何解决？

P.S。当然，首先，我计划建立一个'svg-icon＆＃39;指令并使用它来使用type属性呈现不同类型的SVG图标。但渲染失败了，然后我找到了这个简单的代码。

示例您可以看到here，因为遗憾的是我还无法使用小提琴或者弹药构建一个angular2示例。

Answer 1

2.0.0-alpha.46 (2015-11-11) 解决了问题（请参阅changelog）。从那时起，它的工作正常。

plnkr

Svg不会在Angular2应用程序中呈现

1 个答案: