前提・実現したいこと
とても簡単なことだと大変申し訳ないのですが、詰まってしまったのでご回答いただけると幸いです。
現在、AngularJSとJavaを用いてHTML上にデータベースから抽出したデータを表示させています。
今回詰まっている部分は、全ての抽出が終わったタイミングで表示させたい画像があるのですが、この場合の記述方法がわかりません。
抽出の順番的に一番最後に表示されるHTMLのタグに、「この要素に変更があったらこの関数を呼び出すよ」というように記述をしたらいいのかと考えているのですが、うまくいきません。
改善できる記述や、そもそもこっちのやり方のほうがいいといった方法など、ご教示いただきたいです。
よろしくお願い致します。
該当のソースコード
HTML
1: 2<!-- {{hoge}}に数値が入って表示が変更されたらimgShow()関数を呼ぶ --> 3<p onchange="imgShow()">{{hoge}}</p> 4: 5<!-- imgShow()関数によって表示される --> 6<div class="csv" style="display: none;" id="hoge_show"> 7 <img src="./app/fuga.png"> 8</div>
JavaScript
1: 2<!-- imgShow()関数の中で、hoge_showというidをもつ要素をフェイドインさせる --> 3function imgShow() { 4 $("#hoge_show").fadeIn(400); 5} 6:
HTMLで順番を判断するのは正直難しいのではないかなと思います。
全ての抽出が終わったタイミングはJavaScriptの方で判断すべきかと思います。
DBからデータを抽出すると書いてありますが、その抽出部分を書いていただかないとどのように実装しているのかわからないので正直答えようがありません。
一般的には、かなりざっくりですがajaxの非同期通信でJavaにDBからデータ抽出を任せて、その抽出が終わったらある画像を表示させる、というようになると思います。
あなたの回答
tips
プレビュー