使用 ng 样式的 AngularJs 动态样式

Question

我正在使用以下语法，但我无法实现它。我想根据div 类动态更改左边距。

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

我不知何故觉得您需要在控制器中编写一些东西才能找到设备分辨率，但首先，尝试一下，让我知道它是否有效。