title: How to add multiple styles to the native element in Angular
body: <p>I'm trying to add multiple styles to the native element in angular, currently using the <code>renderer2</code> API.</p>
  
  <p>I've a requirement in which the styles will change dynamically and it can have many styles. That's why I'm not using the class (addClass/removeClass).</p>
  
  <p>constructor(
      private elRef: ElementRef,
      private renderer: Renderer2
    )</p>
  
  <p>this.renderer.setStyle(this.elRef.nativeElement, "text-align", "center");
  ....
  ...</p>
  
  <p>need a way to add the styles dynamically. something like:
  <code>this.renderer.setStyle(this.elRef.nativeElement, {style1: value1, style2: value2});</code></p>