title: How to apply transform translate property to element using ngStyle in Angular2+
body: <p>I'm trying to conditionally apply a <code>transform: translateX($value)</code> directly to the template element using <code>[ngStyle]</code> but I cannot find anyone talking about this. Mainly because I don't know what to search for :D.</p>
  
  <p>I've seen some approaches doing basic styling with <code>[style.color]</code> or something a bit more advanced with <code>[attr.style]="{'transform': 'translateX(4rem)'}"</code> but the last one returns in the rendered HTML this: <code>style="unsafe"</code>. I've seen that you can use the <code>Sanitizer</code> to sanitize or bypass your styles/scripts etc... but at this point it was starting to 'smell' like something that you're not supposed to do? I'm looking for a clean way to achieve this. But I have no clue on where to look.</p>
  
  <p>Thanks in advance to everyone!</p>