use [ngClass] to set "class" attribute of div

*ngClass* better integrates with the rest of Angular and, unlike "className", doesn't overwrite the classes set by Angular core or other directives.

Author: alyst

projects/plotly/src/lib/plotly.component.ts

@@ -25,7 +25,7 @@ import { Plotly } from './plotly.interface';
 // @dynamic
 @Component({
     selector: 'plotly-plot',
-    template: `<div #plot [attr.id]="divId" [className]="getClassName()" [ngStyle]="style"></div>`,
+    template: `<div #plot [attr.id]="divId" [ngClass]="getClassName()" [ngStyle]="style"></div>`,
     providers: [PlotlyService],
 })
 export class PlotlyComponent implements OnInit, OnChanges, OnDestroy, DoCheck {