javascript - AngularJSモーダルウィンドウでDIVの幅を取得できません

Question

このコードをAngularJSWebアプリのindex.htmlファイルまたはview（html）ファイルに入れると、魅力のように機能します。

<div id="chart"></div>

<script>
    var chart = document.getElementById("chart");
    alert("width is : " + chart.offsetWidth);
</script>

ブラウザウィンドウのサイズを変更できます。更新すると、新しい幅が表示されます。

ただし、このコードをビュー（html）ファイルのモーダルウィンドウのコードと一緒に配置すると、「幅は：0」になります。

モーダルウィンドウでDIVの幅を取得する理由と方法を知っている人はいますか？

score 0 · Accepted Answer

The question is old but in case you or someone else haven't figured it out yet:

You need to make sure you get the value you're looking for AFTER the element(s) have been rendered. Otherwise you will always get '0'

That is why in jQuery you wrap your code in a block like this:

$(function() {
    // your code here
});

There are a few variants of this; In pure JS you would use 'document.onLoad'

score -3 · Accepted Answer

jQueryを使用している場合は、使用できます

$('#chart').width()

2 に答える 2