Javascript 要在不创建新类的情况下在正确位置显示警告图标吗 我在UI屏幕上有不同标签的错误消息,但是在一个选项卡中,警告图标不显示在屏幕中间。屏幕标签包含2行错误信息,其他屏幕标签包含一行消息。

Javascript 要在不创建新类的情况下在正确位置显示警告图标吗 我在UI屏幕上有不同标签的错误消息,但是在一个选项卡中,警告图标不显示在屏幕中间。屏幕标签包含2行错误信息,其他屏幕标签包含一行消息。,javascript,css,angularjs,html,Javascript,Css,Angularjs,Html,如果我将“style=“margin top:-6px”从-6更改为0,那么我将对所有选项卡使用公共类。选项卡将图标显示在正确的位置。但其他屏幕也因此受到影响 两行错误消息需要0px,其他屏幕需要-6px。那么,我如何在不为每个选项卡创建单独类的情况下实现这一点呢 <div class="error-message-container" ng-show="workloadConfigurationErrorMessage != ''" style="height: auto;">

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

两行错误消息需要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>


{{workloadConfigurationErrorMessage}

而不是

style="margin-top:-6px"
给予

在相应的控制器中

$scope.myStyle={};
$scope.myStyle.marginTop="-6px"; or $scope.myStyle.marginTop="0px";
哪种观点适用。
希望,我回答了您的问题。

您可以使用ngStyle并为每个模板动态分配相应的值,但我使用的是公共类,对吗?因此,如果我需要使用ngStyle,我不需要为每个选项卡创建单独的类。您是否为所有选项卡使用相同的控制器?如果($scope.networkConfig[“mgmtSelected”]==未定义的| |!$scope.networkConfig[“mgmtSelected”][“option”]{$scope.workloadConfigurationErrorMessage=$filter('translate'))('workloadconfiguration.controller.MGMT_PRENETWORK_SELECTION_MESSAGE');return;}这是该消息的函数。谢谢,我将尝试此操作。令牌“=”,>=上的语法错误应为我在此作用域函数作用域中收到此错误。“myStyle.margin-top=“-6px”$scope.myStyle.marginTop
$scope.myStyle={};
$scope.myStyle.marginTop="-6px"; or $scope.myStyle.marginTop="0px";