title: Angular ng-style with a multiple conditional expression and multiple style attributes
body: <p>I want to add multiple style attribute for accordion group using <code>ng-style</code> with conditions as <code>ng-class</code> is not working with accordion.</p>
  
  <p>Here is how i am trying:</p>
  
  <pre><code>ng-style="{ border: ivrMessageForm.ivr_messagetitle.$error.required &amp;&amp; !isFormValid ? '2px solid' : 'none' }"
  </code></pre>
  
  <p>this is working fine. but want to add <code>border-color</code> too. </p>
  
  <p>I tried this:</p>
  
  <pre><code>ng-style="{ border: ivrMessageForm.ivr_messagetitle.$error.required &amp;&amp; !isFormValid ? '2px solid' : 'none', border-color: ivrMessageForm.ivr_messagetitle.$error.required &amp;&amp; !isFormValid  ? 'red' : 'none'}"
  </code></pre>
  
  <p>but it gives me parse error.</p>
  
  <p>i also tried this one but same parse error:</p>
  
  <pre><code>ng-style="ivrMessageForm.ivr_messagetitle.$error.required ? {border:'3px solid', border-color: 'red'} : {border:'none', border-color: 'none'}"
  </code></pre>
  
  <p>can anyone help me how to add multiple style attributes with multiple conditions using ng-style.</p>