角镖0.11的动画

时间:2014-05-22 07:42:17

标签: dart angular-dart

好的,我正在使用角落飞镖0.11.0,按照提供的示例,应用适当的名称更改,没有快乐。这是:

main.dart

import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
import 'package:angular/animate/module.dart';

part 'package:myapp/src/my_ctrl.dart';
part 'package:myapp/src/my_dir.dart';


class MyModule extends Module {
  MyModule() {
    install(new AnimationModule());
    bind(MyCtrl);
    bind(MyDir);
  }
}

main() {
  applicationFactory()
    .addModule(new MyModule())
    .run();
}

的main.css

.my-base-class.ng-enter {
  transition: all 2s;
  opacity: 0.000001; /* to avoid some chrome bug? */
}
.my-base-class.ng-enter.ng-enter-active {
  opacity: 1.0;
}

的index.html

<div ng-if="ctrl.bool" class="my-base-class">my stubbornly refusing to animate content</div>

动画相关类('ng-enter'等)似乎没有得到应用。相反,我看到一个'ng-binding'类。我怀疑当前的代码甚至没有激活动画功能,但我不知道如何解决它,因为没有错误消息。

提前致谢

1 个答案:

答案 0 :(得分:2)

将其排序,动画设置没有任何问题。问题在于我是如何启动动画的。我期待来自ajax调用的一些数据,当然,angular-dart不能单独处理这个问题,需要通过'scope.watch'了解更改