Angular2 modalen Popup-Positionierung links

Question

Am This modal in angular2 mit, und ich möchte das modale Popup nach links positionieren das ist, was ive versucht

<modal #categoriesmodal [cssClass]="modalchecklist"> 
    <modal-header [show-close]="true"> 
    <h4 class="modal-title">I'm a modal!</h4> 
    </modal-header> 
    <modal-body> 
    Hello World! 
    </modal-body> 
    <modal-footer [show-default-buttons]="true"></modal-footer> 
</modal> 

Auf der CSS-Klasse

.modalchecklist{ 
    position:absolute; 
    top:0; 
left:0 

}

Ich habe versucht, //background color:red auf der CSS-Klasse hinzufügen, aber das schlägt fehl und fügt die CSS in das Hintergrunddokument nicht auf dem modalen

Wohin gehe ich falsch auf den CSS-Klassen

Ive auch Werkzeuge auf den Chrom-Entwicklern überprüft, aber sie nicht zu, das Problem zu lösen.

Was

Answer 1

anwenden zu können, ein Stil-Attribut in Angular2 Sie die Richtlinie [style] verwenden können, wie diese

<what-ever [style.backgroundColor]="'red'">I am red</what-ever> 

eine Klasse anwenden zu können, verwenden ngClass falsch sein könnte:

<what-ever [ngClass]="'first'"><what-ever> 
<what-ever [ngClass]="['first', 'second']"></what-ever> 
<what-ever [ngClass]="{'first':true, 'second':conditionExp}"><what-ever> 

Siehe den obigen Link für mehrere Syntaxoptionen und die Verwendung von Ausdrücken.

Bitte beachten Sie alle diese Methoden sind Richtlinien und direkt an den Rahmen gebunden zu sein, erwarten sie Ausdrücke. Um Strings zu übergeben, müssen Sie Ihren Ausdruck als Zeichenfolge qualifizieren: Verwenden Sie Single-Zitat s innerhalb double-quote s, und sie werden korrekt als Zeichenfolgen ausgewertet werden.