問題タブ [angularjs-controller]

要するに：

AngularJS Web ページで jQuery をトリガーして、再生ボタンと対応する画像をフェードアウトさせるコントローラーがあります。ただし、URL が変更されると、コントローラーは後続のページで機能しなくなります。動的 URL を使用しているため、コントローラーが壊れていると思います。

詳細

ウェブサイト アプリの各ページに 1 つずつコントローラーを配置することで、コントローラーを整理しました。ここで、私のルートがどのように設定されているかを見ることができます:

そして、問題のコントローラーは次のとおりです。

ここで jQuery を使用しているのは、Angular でこれを行う方法がまったくわからなかったためです。とにかく、ページを更新してボタン画像をクリックすると機能します。しかし、ルートを「1」ずつインクリメントして、アプリの次のページに移動する「次へ」リンクがあります (100 人のリストで、各ページに 1 人ずつ)。

このリンクを使用して別のページに移動すると、jQuery が機能しなくなります。これは、URL が変更されているにもかかわらず、ルートが変更されていないためだと推測しています。とにかく、これを動的ルートで機能させるには？ありがとう。

ボタンを使用してフォームのビューを切り替えるユースケースがあります。ボタンはフォームの同じ構造にネストされておらず、フォーム コントローラーの範囲外にあります。

このコンテンツを表示するために、このトグル ボタンをコンテンツ コントローラーと通信させる最善の方法は何ですか?

コントローラー間でメッセージをブロードキャストするにはどうすればよいですか?

これが私が試したことです：

実行中を確認するには: Plnkr を表示します。

Angular.js で $scope 変数を操作するコントローラーがある場合、慣用的な方法はありますか?

• コントローラーの $scope をリセットし、
• コントローラの初期化を再開しますか?

複雑なコントローラーの場合、特にコントローラーとスコープの単純な再初期化が本当に必要な場合は、すべての変数を初期値にリセットする必要がないことが非常に便利です。ただし、同じ URL に再度アクセス$location.path()しても役に立ちません。

$window.location編集：これはChromeパッケージアプリのCSPに違反するため、ハックを使用できないとします。

ライブデモ

Controller As 構文を使用する次の例を考えてみましょう。

messageディレクティブからコントローラーを設定するにはどうすればよいですか?

「Controller As」構文がなければ、次のようにします: (DEMO)

しかし、「Controller As」構文を使用する場合、これをどのように行うのでしょうか?