問題タブ [ng-style]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
123 参照

javascript - Angular JS:バインドされた値を持つインライン スタイルは、windows ではなく mac で動作します

「スウォッチ」の列を持つプロジェクトの型仕様を示す ng-repeat を使用してテーブルを作成しました。

ここに画像の説明を入力

ご覧のとおり、Mac Safari と Chrome でうまく機能します。ただし、IE 11/Win 8 では:

ここに画像の説明を入力

テーブルの行は次のとおりです。

何らかの理由で IE はインライン スタイル タグを好まないようです。

サファリでコードを検査すると、期待どおりに見えます。background-color と color を含む style タグを確認できます。 ここに画像の説明を入力

しかし、IE11で調べてみると、すべてめちゃくちゃです。色は白と RGB の 1 つだけです。 ここに画像の説明を入力

では、なぜこれは Mac では機能するのに IE では機能しないのでしょうか? 私は自分の構文について何かを推測していますが、いくつかのことを試しましたが、これまでのところ結果はありません。

0 投票する
1 に答える
1224 参照

css - プログレスバーの Angular を使用した動的な幅が IE11 で機能しない

アップロードの進行状況を示すプログレス バーがあります。CSS は chrome で機能しますが、IE では機能しません

0 投票する
4 に答える
986 参照

javascript - AngularJS: ng-repeat 内で ng-style 関数を呼び出すと $rootScope:infdig エラーが発生する

サイトのメイン ページにランダムな位置で表示され、フェード効果と翻訳効果を備えたいくつかのフレーズにアニメーションを作成しようとしています。

ng-repeat 属性内でng-style属性を使用し、HomeController 内で定義された JavaScript 関数を呼び出す ng-style 値を設定して、これを実現します。

このアプローチを使用すると、Angular は例外をスローします: $rootScope:infdig エラー 10 $digest() 反復に達しました。中止します!最後の 5 回の反復で発生したウォッチャー

私はこれについて多くのことを読みましたが、私のケースを解決する解決策はありません. 誰でも私を助けることができますか?

以下は index.html の一部です。

コントローラー関数は次のとおりです。

}

ここにデモがあります: http://plnkr.co/edit/8sYks589agtLbZCGJ08B?p=preview

0 投票する
2 に答える
1771 参照

html - ng-styleが動的に更新されない

HTML要素の色を動的に変更するためにng-styleを使用しています。

getColor() 関数は変更する色を返し、ユースケースに基づいて異なる色を返すことができます。最初はすべて正常に動作していますが、後で getColor() が別の色を返すと、HTML 要素の色が更新されません。

0 投票する
2 に答える
11388 参照

css - cssの「calc()」をng-styleで適切に使用するにはどうすればよいですか

Angular の ng スタイルと css の「calc()」を使用して次のインライン スタイリングを行っていますが、うまくいきませんでした。何が問題なのか教えてもらえますか?

0 投票する
1 に答える
35 参照

css - style="{{data.something}}" を変換して IE に表示するにはどうすればよいですか?

私は現在これを持っています:

スタイルがIEに表示されません。これらを解決するにはどうすればよいですか?green.imageには以下が含まれます。