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”组件嵌套到其他组件中时，它应该是可见的。

上一篇：Angular嵌套树看起来不如预期

下一篇：Angular嵌套拖放/CDK材料cdkDropListGroupcdkDropList嵌套

相关内容

热门资讯

透视工具！wpk ai机器人，... 透视工具！wpk ai机器人，（Wpk）真是真的有挂，黑科技小程序（有挂秘籍）-哔哩哔哩1、起透看视...
黑科技透视！（WePoKe）固... 黑科技透视！（WePoKe）固有真的是有挂，（wepoke）原来存在有挂，黑科技教学（有挂教程）-哔...
4分钟黑科技！德扑ai智能系统... 4分钟黑科技！德扑ai智能系统，（德扑）本然有挂，细节揭秘（有挂解密）-哔哩哔哩；运德扑ai智能系统...
透视教程！wpk透明挂，（Wp... 透视教程！wpk透明挂，（Wpk）原生真的有挂，黑科技新版（有挂工具）-哔哩哔哩；1、透视教程！wp...
透视ai(aapokER)透视... 透视ai(aapokER)透视辅助软件(透视)真是存在有挂(今日头条)-哔哩哔哩是一种具有地方特色的...
黑科技ai！（WePoKe）原... 黑科技ai！（WePoKe）原本存在有挂，（wepOke）原来真的有挂，黑科技最新款（有挂细节）-哔...
黑科技有挂！（WePoKe）最... 黑科技有挂！（WePoKe）最初是有挂，（wepokE）原来真的是有挂，黑科技稳赢（确实有挂）-哔哩...
1分钟辅助挂！微扑克ai辅助网... 1分钟辅助挂！微扑克ai辅助网页版，（微扑克）固有真的有挂，存在有挂（存在有挂）-哔哩哔哩1、这是跨...
3分钟黑科技！德扑ai软件，（... 3分钟黑科技！德扑ai软件，（德扑）竟然真的是有挂，大神讲解（有挂规律）-哔哩哔哩1、点击下载安装，...
透视黑科技(AAPoker)透... 透视黑科技(AAPoker)透视辅助插件(透视)都是是有挂(确实有挂)-哔哩哔哩；运辅助工具，进入游...