title: How can I use multiple objects in ng-style for a single element in AngularJS
body: <p>I have two <code>ng-style</code> objects in my controller.</p>
  
  <pre><code>$scope.leftpadding = {
      paddingLeft : '7px'
  }
  
  $scope.toppadding = {
      paddingTop : '7px'
  }
  </code></pre>
  
  <p>I want to use both these objects in <code>ng-style</code> like</p>
  
  <pre><code>&lt;h5 ng-style="toppadding leftpadding"&gt; 
  </code></pre>
  
  <p>Is not working. as neither of the objects are being applied in style.  </p>
  
  <p>It can't be like  </p>
  
  <pre><code>$scope.style = {
    paddingLeft : '7px',
    paddingTop : '7px'
  }
  </code></pre>
  
  <p>Is there any way to achieve this? </p>