css - Angular2 でルーティングせずに複数のボタンの切り替え効果を実現するにはどうすればよいですか?

ルーティングせずにボタンをクリックすると、現在のボタンの背景色が青になり、他のボタンの背景色は灰色のままになるという効果を実現するにはどうすればよいですか?

漂亮男人 2017-05-15 17:13:11 0  3  816

angular.js - angularjs は、複数のボタンの 1 つをトリガーするアクティベーション スタイルをどのようにエレガントに実装しますか?

図に示すように、3 つのボタンがあります。いずれか 1 つをクリックすると、ボタンが青色の背景に変わり、他の 2 つのボタンはデフォルトの白色に戻ります。 {コード...} コントローラ内: {コード...}

世界只因有你 2017-05-15 17:02:24 0  1  588

angularjs ng-repeat ループのさまざまなスタイル - angularjs ng-repeat ループのさまざまなスタイル

ジャンプボタンが赤、削除ボタンが青、追加ボタンが白であることを実現したいのですが、現在のサイクルがこのようであれば、すべて赤の「btn-warning」スタイルになります。 ！ {コード...} {コード...}

给我你的怀抱 2017-05-15 17:13:42 0  3  702

HTMLボタンの灰色の「枠線」を削除する方法

HTML Web ページ上のボタンの周囲に境界線が表示されます。ボタンを 1 つ青、もう 1 つ緑にしてテーブル上に配置しようとしています。コードは次のとおりです: <tablealign="center"><trstyle="font-family:verdana;font-size:24px;"><th>SelectyourRegion</th></tr&g

P粉986028039 2024-03-30 10:30:48 0  1  591

HTML 内の空白を削除する

Electron で作成しているゲーム クライアントの「終了」ボタンを書いているところですが、ボタンのコードを書いた後、その横に巨大な白いバーが表示されます。また、translateX(percentage) を使用してページの上部中央に移動する方法も知りたいのですが、わかりません。 =.ExitButton{色:赤;フォントサイズ:25px;最大幅:55px;長さ:30px;境界線の色:黒;トランジット

P粉680087550 2024-02-17 17:38:30 0  1  515

「startButtonGame」の可視性をリセットすることが唯一の問題であり、他はすべて正常に動作します。

ブラックジャックゲームを開発しています。これまでのところ、この細かい点を除いてすべてが正常に動作しています。基本的に、ゲーム開始ボタンはゲーム前とゲーム後にのみ表示されるべきです。非表示に設定しても問題ありませんが、ゲームを終了すると機能しません。 functionstartGame(){startGameButton.style.visibility="hidden";if(!player.playerName){player.play

P粉614840363 2023-09-19 22:02:31 0  1  762

特定の条件が満たされた場合にのみ隠しボタンを表示する

すべてのハートが失われるとリセットボタンが表示されるという小さなゲームがあります。なぜそれが表示されなかったのか、一生わかりません。これがその値の割り当て方法であるかどうか疑問に思って3回書き直しましたが、どれも機能しませんでした。ボタンを非表示にするステートメントを削除すると、ボタンが表示されますが、ボタンを再度表示するには検証ステートメントが必要です。 constresetButton=document.getElementById('reset');functionreset(){location.re

P粉545682500 2024-01-10 17:29:34 0  2  451

React を使用して画像上にインタラクティブ マーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。 「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。 「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41 0  1  856

JavaScript - IOS WeChat オーディオ タグはタッチエンド経由で再生できません

小さな h5 ゲームを作成するには、ボタンを押したままにして、効果音を再生するために放す必要があります {コード...} IOS メカニズムはユーザーが手動でトリガーする必要がありますが、これは私にとっては正しいと考えられます。わかりませんが、タッチスタートを使えば普通にプレイできます どなたか説明していただけるか、解決策を教えていただければ幸いです...

给我你的怀抱 2017-06-30 09:56:15 0  2  975

HTML プログラム内のテキストを水平かつ中央に表示できないのはなぜですか?

現在、独自の Snake ゲームをコーディングしようとしているのですが、タイトルと実際のゲーム画像を Web サイトの中央に配置したいと考えています。ゲームを再起動するためにボタンを挿入しようとした後、すべてが故障しました。すべての変更を元に戻そうとしても、テキストを中央に配置することができないようです。さらに、gameOverMessage 1) はまったく隠されておらず、2) JavaScript で適用したスタイルの変更はまったく適用されていません。私は完全な初心者なので、アドバイスをいただければ幸いです。関連するすべての要素を使用した CSS スクリプトは次のとおりです: #snake...

P粉974462439 2023-08-15 12:00:42 0  1  571

Vue.js 3 構成 API を使用して、コンポーネントが表示されたときにイベントをトリガーします

アプリケーションには、v-show="variable" のようなボタンや変数を介して表示/非表示になるコンポーネントがいくつかあり、ボタンはこれらの変数を true/false に設定するだけで、これらのコンポーネントを次のような Web ページとして処理します。異なるページ。私が欲しいのは、コンポーネントがページに表示されているときに関数を呼び出す方法です。たとえば、プレイヤーを2人ランダムに選んでゲームを開始したいのですが、ゲームボードが表示されると、プレイヤーが2人の場合のみメッセージや警告が表示されます。重要なのはイベントが発生することです。

P粉032900484 2023-08-28 23:40:07 0  1  595

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  900

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  782

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  661

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  632

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1053

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  538

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  734