この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › Angular 7 Div(地図)フルスクリーンチュートリアル
眺める： 50544|答える： 14

[角] Angular 7 Div(地図)フルスクリーンチュートリアル

[リンクをコピー]
掲載地 2019/05/21 10:39:45 | | | |
以前にいくつかdivのフルスクリーンチュートリアルを書いたことがありますが、どれも純粋なHTMLやjsのウェブページでした。ただ今回はフレームワークがAngularを使っているので、divのフルスクリーンをどのように実装すればよいのか教えてください。 テキストはdivをマップのフルスクリーンにするためで、レンダリングは以下の通りです:



前回の投稿:

HTML5はフルスクリーンかどうかを判断します
https://www.itsvse.com/thread-3807-1-1.html
(出典:Architect_Programmer)
HTML5はフルスクリーンイベントを終了し、ESCキーイベントをリスニングします
https://www.itsvse.com/thread-3800-1-1.html
(出典:Architect_Programmer)
百度マップ フルスクリーンコード(div フルスクリーンコード)
https://www.itsvse.com/thread-3801-1-1.html
(出典:Architect_Programmer)

以下のアドレスでフルスクリーンプラグインscreenfull.js使用してください:ハイパーリンクのログインが見えます。

NPMの設置:


Angular 7はプラグインを導入します:


HTMLページマップコード:


onClickScreenFullイベントをトリガーしてdivをフルスクリーンにします。tsスクリプトコードは以下の通りです:

観光客の皆さん、この投稿の隠された内容を見たい方は、どうぞ答える


プラグイン内のHTML5フルスクリーンAPI Angular.jsフルスクリーン効果も実現できます。ここではテストしませんが、以下の通りです:ハイパーリンクのログインが見えます。

リソース：ハイパーリンクのログインが見えます。




先の：java操作rabbitmqについて教えてください。basicQos()は無効です
次に：一般的なオープンソースライセンス(GPL、BSD、MIT、Mozilla、Apache)の紹介。

関連記事
掲載地 2020/01/14 11:40:19 |
node_modules/screenfull/dist/screenfull.d.ts(1,1)のエラー:error TS1084:無効な「参照」指令構文。
掲載地 2020/06/25 16:22:29 |
兄貴、兄貴
掲載地 2019/08/10 9:53:31 |
内容を見るために返信し、本当に使えるなら666
掲載地 2019/05/21 12:49:59 |
印をつけて
掲載地 2019/06/20 15:56:10 |
印をつけて
掲載地 2019/07/23 10:30:56 |
減量して、後で便利
掲載地 2019/09/05 3:20:31 |
いいね、すごくいい、すごくすごくいいよ
掲載地 2019/11/01 14:02:02 |
オーナーの方、こんなに良い情報を共有してくださりありがとうございます
湖
掲載地 2019/12/28 11:29:17 |
招待コードを買うのに2元も使ったんだ
掲載地 2019/12/30 15:03:12 |
印をつけて
掲載地 2020/01/04 17:35:42 |
岬を破り、学者や役人を散らして散らせよ
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com