質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

0回答

322閲覧

【HTML/JavaScript/AngularJS】関数で要素の表示/非表示を切り替えたい

rinimaruranran

総合スコア36

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2018/12/25 05:06

前提・実現したいこと

とても簡単なことだと大変申し訳ないのですが、詰まってしまったのでご回答いただけると幸いです。

現在、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:

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

azuapricot

2018/12/25 05:26

HTMLで順番を判断するのは正直難しいのではないかなと思います。 全ての抽出が終わったタイミングはJavaScriptの方で判断すべきかと思います。 DBからデータを抽出すると書いてありますが、その抽出部分を書いていただかないとどのように実装しているのかわからないので正直答えようがありません。 一般的には、かなりざっくりですがajaxの非同期通信でJavaにDBからデータ抽出を任せて、その抽出が終わったらある画像を表示させる、というようになると思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問