使用 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}"

我觉得你需要在控制器中写一些东西来找到设备分辨率，但首先，试一试，让我知道它是否有效。