問題タブ [ng-style]

私はAngularが初めてで、サーバーから返され、フロントで生成されたデータに基づいてng-click、サービスを使用してコントローラー間でデータを渡そうとしています。factoryng-repeat

これはHTMLです：

これはうまくいきます：

これはしません：

オブジェクトから抽出されたデータではなく、単純な文字列として解釈されるためです。

go関数は、別のページに移動し、データを対応する に渡す責任がありますcontroller。

工場サービス:

imgオブジェクトからデータを抽出し、 を使用して送信するにはどうすればよいng-clickですか?

次のような動的な ng スタイルの背景画像を持つメイン div があります。

backgroundImagePath は、ユーザーの選択オプションに基づいて変化しています。すべてが機能します。しかし、画像は background-image 設定で表示されるだけです。ng スタイルの背景画像遷移にアニメーションを追加する方法はありますか? フェードインとフェードアウトを追加して、トランジションをスムーズにしますか? このページ (Ionic ポップアップ) のすべてのコンテンツが含まれているため、div の不透明度を設定することはできません。これにどのようにアプローチすべきか提案はありますか?

これはうまくいきます

ただし、透明なものを使用すると機能しません

background-color要素に設定されますrgb(0,0,0)（つまり、黒）。

基本的なトリビア アプリケーションを作成していますが、クライアントから受け取った JSON データでは、トリビア ページで選択肢を ng-repeat することができません。前のページ (カテゴリの選択など) からフィルター処理されたデータに基づいて選択を表示する 6 つの静的要素があります。これらの要素を無作為に並べなくても、勝者の選択は常に同じ場所にあります。

CSSでFlexboxの「order」プロパティを使用してこれを実現したいと思います。1 から 6 までの乱数を生成し、各選択肢に割り当てたいと考えています。ここでは ng-style が私の友人になると考えていました。1 から 6 までの乱数を吐き出し、その乱数に CSS の order プロパティを割り当てる関数を選択肢ごとに呼び出すだけで済みます。

選択肢ごとに関数を呼び出すことができましたが、同じ「乱数」を各要素に割り当てるため、役に立ちません。基本的に次のようなことをしたいのですが、無限ダイジェストループエラーまたは「a.replace is not a function」エラーがスローされます。

誰かがこれで私を助けることができれば、私は無限に幸せになるでしょう. ありがとうございました！！

AngularJS:

HTML:

私は、ほとんどの人がスタイルを次のように使用していることを知っています:

計算したばかりのスコープ変数が必要です。

私が本当にやりたいことは、それをディレクティブに渡すことです:

コンパイルされているスタイルが表示されないのですが、スタイルを表示するにはどうすればよいですか?

これまでの（不完全な）完全なコード: https://plnkr.co/edit/5wwKJ445IqPGTNGGRDIv?p=preview

ng-repeat で ng-style を使用すると問題が発生します。

これは私のコードです：

これは JSON (DB からロードされたサーバー側) です。

「スタイル」が要素に適用されません。誰かがこの問題を解決するのを手伝ってくれますか?

クラスと幅または高さのスタイルをスパンに追加して、ズーム効果を作成しようとしています。

更新後の最初のページでは機能しますが、他のタブをクリックすると、css トランジションが存在しないかのようにサイズ間でホップします。調べてみると、スタイルがレンダリングされていることもあれば、レンダリングされていないこともあります。タブをクリックしてそれぞれにアクセスすると、ズームが正しく機能します。最初の試行で機能しないのはなぜですか?どうすれば修正できますか?

上の最初の画像では、スタイルがなく、トランジションが機能しませんが、タブを 2 回クリックすると (2 番目の写真)、スタイルが表示され、トランジションがうまく機能します。

ここ: http://jsfiddle.net/U3pVM/23506/ (更新をクリックしても更新されませんが、実行をクリックすると更新されます。スタイルはレンダリングされません。なぜですか?)

ページを更新し、[コード スニペットの実行] をクリックして、マウス オーバーします。画像が飛びます。次に、[コード スニペットの実行] をもう一度クリックし、マウス オーバーします。スムーズな移行が行われます。何故ですか？

以下の html と css があり、ngstyle を使用して静的クラスに設定したのと同じ方法で、.tooltip:after を {{ item.color }} に設定する必要があります。