使用ng-style的AngularJs动态样式

Question

我正在使用下面的语法，但是我无法实现它。我想根据div类动态地更改margin-left。

ng-style="{ 'margin-left: 120px' :col-xs-12 || 'margin-left: 400px' :col-lg-8 col-md-8 col-sm-8 }"

Answer 1

首先，请避免内联样式。创建一个具有所有必需属性的类，并且根据条件动态应用CSS的语法为：

CSS：

.trial{
  margin-left: 120px;
}
.trial1{
  margin-left: 400px;
}

HTML

ng-class="{'trial': col-xs-12 || 'trial1': col-lg-8 col-md-8}"

我以某种方式认为您需要在控制器中写一些东西来找到设备分辨率，但是首先，尝试一下，让我知道它是否有效。