問題タブ [ng-style]

最初に変数を 0px で初期化します。

次に、そのスタイルが必要なブロックがあります。

しかし、その値を別のものに変更しても、スタイルはまったく変わりません。以下は私のブラウザが示すものです：

特定のボタンをクリックしたときに div のサイズを更新する必要があります。

これはdivのサイズを変更するためのコードです

テンプレートで以下のコードを使用すると、すべてが期待どおりに機能します

残念ながら、これは IE (11) では機能せず、ng-style 属性を使用することをお勧めします。だから私は変わった

しかし、ボタンをクリックしても何も起こりません。

ここで非常に奇妙な状況になりました。

最初に、簡単なディレクティブを書きました。

そして、これは私の単純化されたhtmlコードです

そして結果は壊れています。No.1 の入力と No.2 のテキストでは、幅は 285 と表示されています。ただし、No.3 では、リーフ アイコンのサイズはデフォルト サイズです。
（結果の画像を投稿していないことをお詫びします。私はここでは非常に初心者であり、評判はありません）

どうやってそれが起こったのですか？そして、非常に重要なことですが、どうすれば解決できますか？

Angular を使用して、ユーザーがブートストラップ ナビゲーション バーの色を変更できるようにしています。実際の背景色の変更自体は簡単ですが、境界線の色や影の一部など、関連する要素も変更したいと考えています。

私が持っているもの：

user.topBarBackgroundColornavbar の境界線、強調表示された s などの色合い (より暗い色合いなど) を定義するために使用するにはどうすればよいliですか?

テキストの色は個別に変更できるため、任意のメソッドを並行して適用する必要があることに注意してください。

編集

私はこれが最新のブラウザで動作するために必要なだけなので、採用された CSS3、HTML5 などは公正なゲームです

UL 内の LI 要素の数に基づいて UL の幅を更新したいのですが、現在、$timeout を使用してカスタム ディレクティブを作成することでこれを行っています。 jQuery と AngularJS を組み合わせてこれを実現しました。

コントローラーで変数を監視し、同じものを ng-style に渡すことにより、純粋な角度の方法でこれを行うより良い方法はありますか? マイページには、可変数の LI を持つ複数の UL が含まれています。提案してください。

heightAngularJS ディレクティブで要素の を取得すると、relative親の範囲内に表示されるかのように値が表示されます。trueの表示要素heightに基づいて要素を取得するにはどうすればよいですか?width

次の HTML があります。これは、ディレクティブのテンプレートを に配置divしますwidth: 200px。

これは、ディレクティブ内の静的要素をその幅内に表示するために行われますが、別の幅を指定できる動的ポップオーバーもあります。これは私のディレクティブのテンプレートです:

配置されたポップオーバーng-styleに適用さabsoluteれ、ディレクティブで渡された変数に基づいて要素のサイズを変更しています。

しかし、ディレクティブinline-headerのセクションで要素の高さを確認すると:link

...が適用される前と同じように、要素の高さを取得します。ng-style

で適用されたスタイルに基づいて、適切な要素の高さを決定することは可能ng-styleですか?

アプリが最初に読み込まれたときに得た応答に基づいて、幅の ng-style 属性を更新しようとしています。現在、必要なデータ (カウント) を取得できますが、このカウントを進行状況のスタイルにもバインドしようとしています。

今私は持っています：

これは静的なものであり、これを使用してカウントを表示しています:

だから私はこのようなことを試してみたい：

css width プロパティを調整するために使用される 32% または 58% のような幅を取得できるようにします。

これには多くの機能がバインドされているため、このような ng-style を更新するための適切なソリューションがあるかどうか疑問に思っているだけです。どんな助けでも大歓迎です。