我们可以为单个元素使用ng样式的多个对象吗?

您可以创建一个方法,该方法将通过组合多个方法的结果来创建对象&将其设置为 ng-style 对象

而且 paddingRight 应该是 padding-right & paddingTop 应该是 padding-top

HTML语言

ng-style="setStyle()"

密码

$scope.rightpadding = function() {
  return {
    'padding-right': '11px'
  };
}

$scope.toppadding = function() {
  return {
    'padding-top': '7px'
  };
}

$scope.setStyle = function() {
  var object = {};
  angular.extend(object, $scope.rightpadding())
  angular.extend(object, $scope.toppadding())
  return object;
}

使用角度。extend很好,它也很管用。但如果我们不想使用它,那么还有另一种方法

在作用域中创建通用方法

$scope.margeStyleObj = function(objectList) {
    var obj = {};
    objectList.forEach(function(x) {
      for (var i in x)
        obj[i] = x[i];
    });
    return obj;
  }

然后从html调用

<h5 ng-style="margeStyleObj([toppadding,rightpadding])">