javascript - 想要在不创建新类的情况下在正确的位置显示警告图标

Question

我在 UI 屏幕的不同选项卡中收到错误消息。但在其中一个选项卡中，警告图标未显示在屏幕中间。并且该屏幕选项卡包含 2 行错误消息和其他屏幕选项卡包含一行消息。

如果我将“style="margin-top:-6px"”从 -6 更改为 0，我将对所有选项卡使用通用类。选项卡在正确的位置显示图标。但其他屏幕是因此影响。

2 行错误消息需要 0px，其他屏幕需要 -6px。那么我如何在不为每个选项卡创建单独的类的情况下做到这一点

<div class="error-message-container" ng-show="workloadConfigurationErrorMessage != ''" style="height: auto;">
            <div class="error-message-content" >
                <img src="app-vrm/img/error-warning-icon.png" style="margin-top:-6px"/>
                <p>
                    <span translate="workloadconfiguration.view.SYSTEM_WARNING"></span><p> {{workloadConfigurationErrorMessage}}</p>
                </p>
            </div>
        </div>

Answer 1

代替

style="margin-top:-6px"

给予

ng-style="myStyle"

并在相应的 Controller 中给出，

$scope.myStyle={};
$scope.myStyle.marginTop="-6px"; or $scope.myStyle.marginTop="0px";

哪个 View 适用。 希望，我回答了你的问题。