angular.js - angular で最小の高さを動的に設定する方法

Question

html 構造:

リーリー

私が達成したいのは、記事の最小高さを動的に設定することです: 可见区域高度-header高度-footer高度 により、ページの中央にフッターが表示されないようになります。

私はangularjsを使用しており、jqueryを導入する予定はないので、当然$(document).ready()は使用できません。

私が遭遇した問題は次のとおりです:

1. 実装できません:ページがロードされるまで待機し、関数をトリガーして高さを動的に設定します。以下の場合、関数は実行されません（ウィンドウをドキュメントに置き換える場合も同様です）:

   リーリー

2. このコードをディレクティブに置くのが良いのか、コントローラーに置くのが良いのか、あるいは他の場所に置くのが良いのかわかりません。

3. CSS を使用して最小の高さを直接設定します (例: min-height: 400px)。画面が小さいとスクロール バーが表示されます。

または、これらの方法を使用しないでください。アドバイスをお願いします。

Answer 1

ディレクティブを作成します。この処理はより便利ですが、実際には CSS の flex レイアウトでもこの問題を解決できます。しかし、あなたの質問によると、最初に angular を介して直接 plunk に移動してどのように記述するかに答えましょう。 directive吧。处理比较方便，虽然其实css的flex布局也可以解决这个问题。但根据你的疑问，还是先回答你通过angular怎么写吧， 直接上plunk。

plunk

plunk 視聴方法を教える必要はありません (科学的なインターネット アクセスが必要です)🎜