删除初始进度条显示

Question

你能告诉我如何删除它显示的进度条的初始显示值，即使值是function mouseOver(e) { e.target.querySelector('img').style.maxWidth = "20px"; } 吗？似乎CSS问题。但是没有运气来解决它。

运行时CSS：

.scss

0

html的

 .progress-outer {
            width: 96%;
            margin: 10px 2%;
            padding: 3px;
            text-align: center;
            background-color: #f4f4f4;
            border: 1px solid #dcdcdc;
            color: #fff;
            border-radius: 20px;
        }
        .progress-inner {

            white-space: nowrap;
            overflow: hidden;
            padding: 5px;
            border-radius: 20px;
            background-color: map-get($colors, primary);
        }

.TS

 <progress-bar [progress]="loadProgress"></progress-bar>

我已使用this article创建组件。

Answer 1

如果进度条是您自己的自定义组件，则为进度内部div设置* ngIf，或者当进度为零时甚至可以使用[hidden]。

如果它不是您自己的自定义组件，您可能需要通过使用ElementRef操纵.ts文件中的内部div来隐藏它。