2016-10-19 9 views
1

pix要素でDOM要素の幅を取得する必要があります。DOM要素のプロパティをAngular 2の方法で取得する

jQueryの道...

var myWidth = $('.labels').width(); 

私は@ComponentまたはService内からElementRefのホールドを取得し、widthプロパティにアクセスする必要があるように見えます。

セキュリティ上の理由のほかに、アプリとレンダリングレイヤを結合して、Webワーカーへの今後の展開を妨げる可能性があるとも言われています。

そのdivの幅にアクセスするにはどうすればよいですか?私はそのdivを水平に塗りつぶすイメージで作業しています。私はいくつかの要素をオーバーレイしており、計算をしています。myHeight = aspectRatio * myWidth;

Angular2はまだリリース候補段階にありましたが、それをやり直す方法については関連するすべての質問があります。 #deprecatedタグのような気がする安定版(今日の1ヶ月と4日)のAPIの変更は非常に多く役に立ちます。

+0

'object-fit'のような関連するすべてのCSSプロパティを確認してください。彼らがあなたの問題を解決し、手作業による計算をしなくても済むチャンスがあります。 –

答えて

0

角度そのものは、DOMからの読み取りには何も提供しません。
DOMから読み取る場合は、ElementRefを使用する必要があります。
ElementRefを使用すると、たとえばjQueryを使用する場合よりもセキュリティの問題が大幅に軽減されます。
このアプリケーションがサーバー側のレンダリングやWebワーカーと正しく動作するのを防ぎます。

関連する問題