Dies funktioniert nicht:Angular 2 ngstyle mit Browser-Präfixe
<div [style.-moz-column-count]="columns"></div>
<div [ngStyle]="{'-moz-column-count': columns}"></div>
<div style="-moz-column-count: {{columns}}"></div>
Gibt es eine Abhilfe Sanitizer zu vermeiden? Ich habe eine Pipe gefunden, um den Wert zu umgehen, aber nicht den Namen der Eigenschaft.
import {DomSanitizationService} from '@angular/platform-browser';
@Pipe({name: 'safe'})
export class SafePipe {
constructor(sanitizer:DomSanitizationService){
this.sanitizer = sanitizer;
}
transform(style) {
return this.sanitizer.bypassSecurityTrustStyle(style);
}
}
Irgendwelche Ideen, um diese Eigenschaft zu verwenden?
Einfacher, das funktioniert NICHT: 'this.renderer.setElementStyle (this.ele.nativeElement, '-moz-column-count', 5)' – Serginho
Ich habe diesen Code in Firefox 49 getestet, es funktioniert nicht, aber in firedox Entwickler Edition funktioniert der Code tatsächlich. Muss Firefox-Version Problem – Bazinga
sein So sollte Ihre Antwort sein, '[style.column-count] =" 5 "' arbeitet auf Entwickler-Edition. Aber ich denke, es ist kein Problem, weil es in der vorherigen Version nicht funktioniert. Siehe hierzu: https://developer.mozilla.org/en/docs/Web/CSS/column-count#Browser_compatibility Unprefixed wird nicht unterstützt – Serginho