2016-10-30 12 views
0

要素をAngular2の別の要素に配置する最も良い方法は何ですか?私は私の助けオーバーレイをイオンFABと同じ場所でpositionnedしたい別の要素の位置を取得する

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

: 私の2つの要素が同じ親を持ちます。イオンファブへの言及はどのようにして得られますか? すでにfabhelp-overlayの入力に渡そうとしましたが、あまり役に立ちません。

イオンang2を行うにはどうすればよいですか?

アイデアは、このようなものを作成することです(赤いボタンは、イオンFABで、青い円は、ヘルプオーバーレイです):

What I want to build

答えて

1

それが角よりもCSSの質問の詳細です。これらの2つの要素を同じ座標にレンダリングするには、CSS position: absolute;を使用します。

+0

イオンファブが異なる位置にある可能性があるため、いいえ。だから私はそれをAngularJSを使って実際の位置にする必要があります。 – Gp2mv3

+1

イオン・ファブの高さは固定されていますか?そして、 'position:relative; top:-height'はうまくいくはずです。 – TomaszGuzialek

+0

要素の親は同じです。イオン・ファブが親であれば、それは動作するでしょうが、ここではそうではありません。 – Gp2mv3

関連する問題