私は次のものを持っています：

そして ( ng-include src="'views/sidebar.html'" )^ 内に、showSidebarの変更をトリガーする ng-click を含む次の div があります

$scope.showSidebar = true; resultsControllerにあり、ng-clickが呼び出されると、DIV1 の ng-class が有効になりますが、DIV2 では有効になりません。

何か案は？

ng-class に次の 2 つのことをさせたいとします。

1）そのように変数から値を入力します

と

2) 事前定義されたクラスを条件付きで設定します。

私は次のようなことができることを知っています class="{{myAwesomeJavaScriptVariable}}" ng-class="{awesomeClass: myAwesomeBoolean}"

どうすれば (これが可能であれば)、これら 2 つを 1 つの ng-class 式に統合できますか?

item.qtyが0の場合、スパン2クラスと条件付きでもう1クラスを設定したい。私はこれを持っています

しかし、これは機能しません..これはシンタックスではないと思いますが、何も見つかりませんでした。

ng-classディレクティブを使用する 2 つの異なる方法を次に示します。同じ要素で両方が必要ですが、うまくいきません。

ng-class でオブジェクトを使用する

http://plnkr.co/edit/uZNK7I?p=preview

正しく結果

ng-class での式の使用

http://plnkr.co/edit/tp6lgR?p=preview

正しく結果

では、併用してみてはいかがでしょうか。

動的なクラス名 ( など'count-' + n) が必要ですが、複数のクラスのオブジェクト構文も必要です。

ng-class2 つの属性 ( http://plnkr.co/edit/OLaYke?p=preview )だけを使用することはできません。最初の属性のみが機能します。

助言がありますか？

AngularJS アプリケーションに問題があります。コントローラーで関数を呼び出そうとしましたがconsole.log(id);、id が配列の場合のパラメーター...

私はTWIGを使っているので、[ ]代わりに使用します{{ }}

Angular テンプレート (html ソース)

Angular でレンダリング

私のJS関数

コンソール出力:

問題は、これが機能することです...

<a>関数に基づいて、タグの追加/削除時にアニメーションを追加しようとしていtoggleBookmarkます。true を返し、正常に動作すると、アクティブなクラスが追加されます。ただし、ng-addまたはアニメーションはタグicon__bookmark-addで起動しません。<a>

なんで？私は何を間違っていますか？

HTML:

コントローラ：

CSS:

私はAngularJSが初めてで、次の問題があります。このような ng-class を使用して body タグの CSS クラスを計算しています。

問題は、HTML を正しくレンダリングしている場合もありますが、クラスが空である場合もあります。コントローラー内の関数の評価よりも HTML の方が高速にレンダリングされるようです。この問題を解決する方法を教えてもらえますか?

アドバイスありがとう。

今週、モバイル アプリにスワイプを実装しましたが、両方向のスワイプを示す明確なデモは見つかりませんでした。それで、私はコミュニティに少し恩返しをすることにしました。それは、理解できない奇妙な行動に気付くまででした。

デモをテストするために、デモに 2 つのボタンを配置しました。スワイプするには、テキストの横でマウスを使用できます。何が起こるかというと、デモをロードして既存の ngView をスワイプすると、slideDir からクラスが取得されますが、新しいクラスは取得されません。これは、新しいビューに新しいスコープがあり、slideDir がどうあるべきかわからないために発生します。

ケース 2 は、スワイプする前にボタンを押した場合です。slideDir が作成され、ボタンが使用しているスコープに入力されているため、スワイプはほぼ正常に動作し始めます (2 つのスコープ間の同期の問題以外)。

では、私の構成で何が間違っているのでしょうか? 私は、アプリ コントローラーがより高い位置にある div にあるため、新しい ngView が読み込まれるたびにこれが再起動されないと想定していました。

次の URL にデモが含まれています: http://blackunknown.com/demos/swipingdemo/demo.html

body タグでの設定は次のとおりです。

これが私のJavaScriptです：

編集:実際のスワイプを実行するには、ボタンを使用せずに、テキストの横をクリックしてドラッグします。