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

眺める: 9574|答える: 1

[角] Angular 11シリーズ(XV)は部品の高さを取得し、動的に高さを調整します

[リンクをコピー]
掲載地 2020/08/23 18:05:22 | | | |
Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html

Angular 9シリーズ(VI)はネイティブのJS変数とメソッドを呼び出します
https://www.itsvse.com/thread-9254-1-1.html

Angular 9シリーズ(VII)CSSスタイルのスコープ
https://www.itsvse.com/thread-9264-1-1.html

Angular 9シリーズ(VIII)は、集合を通じてイベントをトリガーすることで子コンポーネントの値を更新します
https://www.itsvse.com/thread-9267-1-1.html

Angular 9シリーズ(9)#id セレクターがページに適用されています
https://www.itsvse.com/thread-9278-1-1.html

Angular 9シリーズ(10)はvconsoleおよびerudaの開発者デバッグパネルを埋め込みます
https://www.itsvse.com/thread-9286-1-1.html

Angular 9シリーズ(XI)スタイルの定義方法5
https://www.itsvse.com/thread-9305-1-1.html

Angular 9シリーズ(XII)はOTPに基づいて動的トークンを生成します
https://www.itsvse.com/thread-9325-1-1.html

Angular 10シリーズ(13)は百度eチャートチャートを導入します
https://www.itsvse.com/thread-9347-1-1.html

デバッグ用のAngular 11シリーズ(XIV)本番環境
https://www.itsvse.com/thread-9348-1-1.html
まず、動的ブラウザの可視高さと幅コードは以下の通りです。

私たちロイヤルブルーの背景のdivは、ブラウザ全体の高さ変化に応じて変わります、高さはブラウザの可視高さの5分の1であり、コンソールは現在のウィンドウの調整済みの幅と高さの値を出力します。以下の図に示されています:



コードは以下の通りです:

HTMLコード:



TSコード:

部品の高さを取ってみて

app-test1コンポーネントのHTMLコードは以下の通りです:



HTMLコード:

TSコード:

Angular 8以降の場合、ViewChildに2つのパラメータを指定する必要があります


そうでなければ、誤差は次のようになります。

ERROR TypeError: undefined プロパティの「clientHeight」を読み取れません
test1のコンポーネント高さを直接取得すると0が返されます。通常の高さを得るには、外側からdivのレイヤーを巻き込む必要があります。下の図のように:



(終わり)




先の:[ターン]してHTML内でカーソルの位置を取得します
次に:NPOI Read エクスポートデモ
 地主| 掲載地 2020/08/23 18:06:05 |
あるいは以下の方法を試してみてください:https://www.npmjs.com/package/angular-resize-event
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com