0

これを Angular.js の google グループに投稿しましたが、注意も助けも得られないようです。なので、ここに再投稿します。

問題: 新しい部分的な html を ng-view にロードすると、「enter」コールバックの要素が定義されて正しいのですが、古い部分的な html (新しいものに置き換えられるはずです) が消えず、代わりに新しいコンテンツが表示されます。スライドアニメーションは言うまでもなく、古いコンテンツの下に追加されます。ログを確認すると、"leave" $animation の setup と start 関数の両方の "element" が未定義として表示され、jquery エラーが発生しました。

同様のアニメーションを定義する css の方法も試しましたが、うまくいかず、アニメーションもエラーもありませんでした。(私はここでデモを見ましたhttp://code.angularjs.org/1.1.4/docs/api/ng.directive:ngView、まだ理解できなかった設定ミスが原因である可能性があります)

プランカーはこちら: http://plnkr.co/edit/wSsjSPN62PyKHJAQtvfv

4

1 に答える 1

0

plunker にいくつか問題がありましたが、コードではなくセットアップの問題だった可能性があります。

最初のもの - jQuery が含まれていなかったため、要素が未定義を返すという問題が発生しました。

次に、トランジションを表示するには、追加の CSS を設定する必要があります。

更新された例を参照してください:

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

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.js"></script>
于 2013-04-10T22:35:46.350 に答える