3

Phonegap と AngularJS を使用してモバイル アプリに取り組んでいます。私は現在、簡単にローカルの wampserver で開発とテストを行っています。

モバイルアプリと同様のビューの変更をアニメーション化するためにng-animate、自分のに取り組もうとしています。ng-view私が従うガイドや使用するコードは、まったく何もしていないようです。エラーやアニメーションはありません。

これが私の現在のng-viewコードです：

    <body ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></body>

そして、これがその ng-animate の現在の CSS です。

.view-enter, .view-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.view-enter {
  opacity:0;
  left:100px;
  width:100%;
  position:absolute;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}

.view-leave {
  position:absolute;
  left:0;
  width:100%;
  opacity:1;
}
.view-leave.view-leave-active {
  left:-100px;
  opacity:0;
}

それでも、エラーやアニメーションはまったくありません。私が間違っていることや、アニメーションを機能させる方法についてのアイデアはありますか? ありがとう。

4

1 に答える 1

6

私の問題は、Michal Charemza のおかげで指摘されました... 私は AngularJS の最新の安定バージョン 1.0.7 を使用していましたが、ng-animate は不安定バージョンにしかありません。ここから 1.1.5 をダウンロードすると、上記のアニメーション用のコードがすぐに機能しました。

于 2013-06-22T23:47:15.153 に答える