問題タブ [ng-style]

私は ng-style を使用するいくつかのコンテンツを持っています。これはテンプレート html の一部です:

breddeCSS はコントローラーで次のように定義されています。

テンプレートはマージン スタイルを取得しますが、それはサイトが最初に読み込まれたときだけです。$scope.bredde を変更すると、ページが更新されて初めて変更が反映されます。

$scope.bredde が更新されるたびに動的にページを変更したいと考えています。これどうやってするの？

私がやっていること: 2 つの属性ディレクティブを作成しています。1 つは要素を左に移動し、もう 1 つは要素をページの中央に移動します。以下のコードを参照してください。これらの css プロパティを設定するために操作していることに注意してくださいng-style(要素を左に移動し、ページの中央に配置します)。

問題:要素で両方のディレクティブ
を使用すると、明らかに2 番目のディレクティブが最初のディレクティブを上書きします。これは、両方の/attributes を同時に 適用できないことを意味します。scope.style={}
ng-style

私の質問:オブジェクトを再作成せずに両方のディレクティブで使用できるように、オブジェクト
をインスタンス化する簡単な方法は何ですか?scope.style

面倒なコードを大量に書くことなく、複数の要素ディレクティブに対して簡単にスケーリングできるシンプルなソリューションを見つけようとしています。(scope.style オブジェクトの共有に対応するために、すべてのディレクティブ内に特別なコントローラーを作成したくありません)。

お知らせ下さい。どうもありがとう！

html は次のとおりです
。データは json ファイルからのものですが、ここでは重要ではありません。

AngularJS のコード スニペットは次のとおりです。

ng-repeatユーザーがアイテムの数を変更できるダイナミックがあります。

簡略化された JS:

HTML:

問題：

新しいアイテムが追加されたときに、ディレクティブが関数を呼び出しng-styleていません。getBoxBackgroundColor

なにか提案を？

ありがとう！

この例を考えると：

grid-resizeディレクティブの高さと幅を DOM 要素にバインドする方法を誰か教えてもらえますか? DOM 要素が変更されたときに角度プロパティを変更したい。

コントローラーには、2 つの ng スタイルのオブジェクトがあります。

これらの両方を ng-style で使用したい、このようなもの

動かない。

それは好きではありません

$scope.style = { paddingRight : '11px', paddingTop : '7px' } どうすればこれを達成できるでしょうか?

私はAngularで作業を開始し、「小さな」プロジェクトを作成しました。テンプレートの問題が発生しました。

基本的に、要素の色をangularで動的に設定しようとします。何が最善で「正しい」方法なのかわかりません。

スコープ内で if ステートメントを使用しても問題ありませんか? またはディレクティブを使用する方が良いですか？

私の主な目標は、管理者モードからツールバーとそのアイコンに色を設定できるようにすることです。

回答ありがとうございます。

関数を呼び出すテンプレートがあり、ディレクティブ要素があります。

関数はディレクティブ内にあり、

ご覧のとおり、MovieRowCtrlのコントローラーとして設定しました.container-wrapper。

したがって、updateSelectedMovie(movie)関数が起動すると、$scope.rowActiveが true に設定され (要素が表示されます)、要素_movie-info.html内にテンプレートが挿入され%movie-detailsます。

これはうまくいきます。

その_movie-info.htmlテンプレートには、これがあります。

その結果、

そのため、要素の ng-style と normale style 属性が作成されます。

問題はupdateSelectedMovie(movie)、ng-style属性を起動すると新しい URL で更新されますが、スタイル属性は変更されないことです。

ng-styleが更新されるのに、もう一方が更新されない理由styleはありますか?

すべてのタブ /nav-view にロイヤル カラーを使用しています。ラジオボタンの1つを選択して、すべてのユーザーがテーマの色を切り替える設定タブがあります。たとえば、ユーザーがダーク テーマを選択すると、すべてのタブの色がダークに切り替わります。どうすればこれを行うことができますか？

あなたの助けに感謝します。

ng-style で 2 つのスタイルを組み合わせたいのですが、そのうちの 1 つは条件付きスタイルです。

条件が false の場合、幅をオーバーライドせずに両方を組み合わせるにはどうすればよいですか?

以下は、条件が falsefalse の場合に「幅」プロパティをオーバーライドするため、適切ではありません。

div、ng-class、ng-style、および css3 スタイルのみを使用して、ポップアップと背景画面を無効にしたいと考えています。BOOTSTRAP MODAL を使用したくありません。私はこの仕事を手に入れるのに苦労してきました。ポップアップを表示および非表示にしようとしていますが、ポップアップを表示せずに画面を無効にするだけです。以下はコードです

HTML コード

CSS コード

どんな助けでもいただければ幸いです