2016-10-30 4 views
0

Wie positioniere ich ein Element am besten auf Angular2? Meine beiden Elemente haben die gleichen Eltern:Position eines anderen Elements abrufen

<ion-fab right bottom #fab></ion-fab> 
<help-overlay content="Click here"></help-overlay> 

ich meine Hilfe-Overlay wollen an der gleichen Stelle wie die Ionen fab positionned werden. Wie kann ich einen Hinweis auf Ion-Fab erhalten? Ich habe bereits versucht, fab an einen Eingang der help-overlay zu übergeben, aber es hilft nicht viel.

Was ist der beste Weg, um dieses Ion angular2 zu tun?

Die Idee so etwas wie diese erstellen (die rote Taste ist die Ionen fab und der blaue Kreis ist die Hilfe-Overlay):

What I want to build

Antwort

1

Es ist eher eine CSS-Frage als Angular . Verwenden Sie CSS position: absolute;, um diese beiden Elemente an denselben Koordinaten darzustellen.

+0

Nein, weil die Ionenfabrikation an verschiedenen Positionen sein kann. Also muss ich die richtige Position mit AngularJS bekommen. – Gp2mv3

+1

Ist die Höhe der Ionenfabrikation fixiert? Dann 'Position: relativ; oben: "Höhe" sollte funktionieren. – TomaszGuzialek

+0

Die Elemente haben die gleichen Eltern. Wenn ion-fab das Elternteil wäre, hätte es Arbeit, aber das ist hier nicht der Fall. – Gp2mv3

Verwandte Themen