問題タブ [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 投票する
0 に答える
80 参照

javascript - AngularJS - 要素の高さを取得するとアプリがクラッシュする

Google マップのディレクティブを作成しました。親コンテナーの幅 (動作) の 100% と、親コンテナーの高さの 100% (CSS の高さ:100%; では動作しませんでした) をカバーする必要があります。しかし、CSS はもはや私の問題ではありません。だから私はメソッドを作成しました

そして、これがhtmlテンプレートでの使用方法です

これはうまく機能しますが、パフォーマンスを低下させるものを「リフレッシュ」するために使用されng-style(AngularJS Batarangが言っていることです)、しばらくするとアプリがクラッシュすることがわかりました。

なぜハプニングなの?そして、高さの問題を解決する際の私のアプローチの何が問題になっていますか?

0 投票する
0 に答える
590 参照

angularjs - ng スタイルの背景画像が機能しない

ng-style を使用して背景画像を変更しようとしています

url(file:///G:/images_gameplay/trading-darkblue-1px.png);" "のようなローカル パスを探してレンダリングするとき

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

angularjs - ng-repeat アイテム数に基づいて要素幅を動的に設定する

AngularJS 1.4.x を初めて使用します。

AddNumber ボールを 13 以上押すと、幅のサイズを変更できるといいのですが。これが私の希望です ここに画像の説明を入力

div幅のサイズを動的に変更できることを願っています。どうすればうまく機能しますか???

これが私の希望ですhttp://plnkr.co/edit/t8bBjE?p=preview

0 投票する
3 に答える
14473 参照

angularjs - Angular TypeError: name.replace は ng-style の関数ではありません

私はAngularが初めてで、コンソールに次のエラーが表示され続けていますTypeError: name.replace is not a function。正確な原因はわかりませんが、ステートメントが原因のようng-styleで、キャメルケースと関係があるのでしょうか?

私が理解していない部分はng-style="isFrontView() || !matches && {'display': 'none'}"、エラーをスローする理由ですが、エラーをng-style="!isFrontView() || !matches && {'display': 'none'}"スローしません。

この状況を改善するために、関数名から camelCase を削除して、すべて小文字にしました。も使用しようとしまし!!isFrontView()たが、どちらもエラーメッセージを削除していないようです。

このエラーメッセージの原因と潜在的な修正方法を知っている人はいますか?

エラーメッセージ

HTML テンプレート:

バックエンド コード:

PS コンソール エラーが発生しても、すべて正常に機能します。

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

javascript - スコープ変数に応じて CSS スタイルを適用する

スコープ変数に応じて css プロパティを設定しようとしています。

基本的に、次のようなもの:

または多分それはもっと似ているはずです:

あるいは :

しかし、上記のどれも機能しませんでした

0 投票する
3 に答える
596 参照

css - 条件を満たす場合のスタイル要素、AngularJS

item.attribute == attribute1の場合、ボタンの色がサンゴになるようにしたい

これは可能ですか?ありがとうございました

0 投票する
3 に答える
96 参照

angularjs - Angular を使用した計算に基づく CSS の適用

数秒ごとに測定値が表示されます。

現在、アニメーションをいつ実行するかを決定するためにしきい値を使用しています。

速度はすでに自動的に更新されていますが、現時点では、CSS スタイルは 13 を超えてから 15 などになったときにのみ変更されます。代わりに、速度が変化するにつれて動的に変更したいと考えています。したがって、13.1 は 13 よりも大きな円を生成し、13.2 は 13.1 よりも大きくなります。

circle1のCSSです。速度に基づいて、緑から黄色に連続的に移行したいと思います。