Angular嵌套SVG组件不可见 _程序开发

创始人

2024-10-29 03:00:45

0次

在使用Angular嵌套SVG组件时，有时可能会出现组件不可见的问题。这通常是由于SVG元素的尺寸不正确导致的。为了解决这个问题，需要在组件的HTML模板中设置SVG元素的视口和控制元素的大小。

例如，如果有一个名为“my-svg”的SVG组件，代码如下：

import { Component } from '@angular/core';

@Component({
  selector: 'my-svg',
  template: `
    
  `
})
export class MySvgComponent {}

在此示例中，视口设置为“0 0 100 100”，表示SVG元素的大小为100x100像素。此外，SVG元素的高度和宽度都设置为“100％”，以便SVG元素填满其容器。

现在，当将“MySvgComponent”组件嵌套到其他组件中时，它应该是可见的。

透视总结！wpk免费辅助，wp... 透视总结！wpk免费辅助，wpk私人辅助，总结教程（其实有挂）；暗藏猫腻，小编详细说明wpk私人辅助...

透视软件！wpk真吗，wpk软... 透视软件！wpk真吗，wpk软件是正规的吗，详细教程（切实真的是有挂）1、玩家可以在wpk软件是正规...

透视app！wpk俱乐部辅助器... 透视app！wpk俱乐部辅助器，wpk俱乐部有没有辅助，扑克教程（一直真的是有挂）1、wpk俱乐部有...

透视存在！如何判断wpk辅助软... 透视存在！如何判断wpk辅助软件的真假，wpk辅助是什么，玩家教程（其实是有挂）1.如何判断wpk辅...

透视透视！wpk透视是真的假的... 透视透视！wpk透视是真的假的，wpk真吗，总结教程（总是有挂）wpk透视是真的假的辅助器中分为三种...

透视计算！wpk辅助，wpk俱... 透视计算！wpk辅助，wpk俱乐部是真的吗，2025教程（原来真的是有挂）所有人都在同一条线上，像星...

透视存在！wpk软件是正规的吗... 透视存在！wpk软件是正规的吗，wpk模拟器，专业教程（都是真的是有挂）；1、下载好wpk软件是正规...

透视辅助！wpk真吗，wpk插... 透视辅助！wpk真吗，wpk插件辅助，新2025教程（真是真的有挂）wpk插件辅助辅助器中分为三种模...

透视辅助！微扑克微乐辅助，wp... 透视辅助！微扑克微乐辅助，wpk辅助哪里买，2025新版教程（果然有挂）；亲，关键说明，微扑克微乐辅...

透视安卓版！有哪些免费的wpk... 透视安卓版！有哪些免费的wpk作弊码，微扑克微乐辅助，高科技教程（好像有挂）1、有哪些免费的wpk作...