問題タブ [ng-switch]

テーブル内で ng-switch を動作させる方法はありますか? テーブルの例は機能しませんが、ul の例は正常に機能します。問題は、テーブルの例が本当に必要だということです。私はAngular 1.07を使用しています。

JavaScript ベースの読み込みアニメーションを追加する簡単なディレクティブを作成しました。window.setInterval()ループで動作しています。これはうまく機能しますが、ロードが完了するとngSwitch、ページからロード ディレクティブ属性を格納する要素を削除するコンテンツをスワップするために使用します。

理想的には、この変化を監視してインターバルをクリアし、アニメーションの計算がバックグラウンドで実行されないようにしたいと考えています。ページ上の要素の存在を評価するカスタム関数を見てみました。関数がこれを検出する際に機能することは知っていますが、タイミングが問題のようです。つまり、私が知る限り$watch、ディレクティブ属性の要素がページを離れると、それ自体がクリアされます。したがって、私$watchの 'ed 式は変更を検出せず、アニメーション間隔関数をクリアするコールバックを呼び出すことはありません。

この種の状況に対処するための推奨パターンはありますか?

私のテンプレートからの関連スニペット:

私のディレクティブの簡略版：

ng-switch特定のインデックスを設定すると、特定の要素を表示して要素を切り替えようとしています。

ng-switch最後のswitchステートメントのみを表示していることを除いて、機能しています。

このコードを使用すると、「フレーム 2」の div のみが表示されます。

が2に設定されているswitch-when場合、上記をすべて表示したい。frame

注: マークアップは変更できません。

• これどうやってするの？
• そして、私ができない場合、より良い/別の代替手段はありますか?

ユーザーのクリックに合わせて移動する「インタラクティブメニュー」を作成しています。すべてのロジックが各「スイッチ」で異なるため、ng-switch に html テンプレートを含める方法があるかどうか疑問に思っています。巨大な html ファイルが作成されます。