想要在正確的位置顯示警告圖標而不創建新類

我在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>

來源

2015-02-09 srini

您可以使用ngStyle併爲每個模板動態分配相應的值 – paje007 2015-02-09 09:17:16

但是，我使用的是普通類嗎？所以如果我需要使用ngStyle，我不需要爲每個選項卡創建單獨的類。 – srini 2015-02-09 09:20:30

您是否在所有選項卡上使用相同的控制器？ – paje007 2015-02-09 09:26:11

而不是

style="margin-top:-6px"

給

ng-style="myStyle"

，並在相應的控制器給出，

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

哪有視圖適用。希望我回答你的問題。

來源

2015-02-09 09:46:46 paje007

謝謝，我會試試這個。 – srini 2015-02-09 09:52:30

令牌上的語法錯誤「=」，> =預期我在此作用域函數作用域中收到此錯誤。「myStyle.margin-top =」-6px「;」 – srini 2015-02-09 10:13:06

$ scope.myStyle.marginTop – paje007 2015-02-09 10:17:33

想要在正確的位置顯示警告圖標而不創建新類

回答

相關問題