代码之家 › 专栏 › 技术社区 › Aaron Ullal

具有状态的nativescript角度动画从不工作

angular2-nativescript nativescript angular

Aaron Ullal · 技术社区 · 7 年前

我正在尝试让动画在ng nativescript应用程序中工作。

animations: [
    trigger('accessState', [
      state('loggingIn', style({ "color" : "red" })),
      state('signingUp', style({ "color" : "blue" })),
      transition('loggingIn <=> signingUp', [animate('600ms ease-out')])
    ])
  ]

简单明了:两种状态和正义 color 转换期间的属性更改。在xml中,我使用以下动画:

<Label text="hey there buddy" [@accessState]="isLoggingIn ? 'loggingIn' : 'signingUp' "></Label>

isLoggingIn 但是,标签始终保持绿色(因为css表中定义了一种样式),并且似乎从未调用触发器。我错过什么了吗?

2 回复 | 直到 7 年前

Aaron Ullal 7 年前

Nativescript动画模块必须导入并包含在模块中。

import { NativeScriptAnimationsModule } from "nativescript-angular/animations"

这会成功的。

Vega Stipe 7 年前

我还没有测试,但应该可以:

   <label text="hey there buddy" [@accessState]="isLoggingIn"></label>
   <button (click)="changeState('loggingIn')">log up</button>
   <button (click)="changeState('signingUp')">sign up</button>

...
isLoggingIn="reset";
....
changeState(state){
   this.isLoggingIn="reset";
   setTimeout(() => { this.isLoggingIn = state;},300);
}

推荐文章

Knight · NativeScript,Android-与本地主机的连接失败

6 年前

Muthukumar Marichamy · NativeScript推送插件未在通知栏上显示通知

6 年前

Volodya Kurpita · 是否可以确定移动网络的位置设备-Nativescript

6 年前

Loki · Nativescript-将边框顶部添加到操作栏

6 年前

Ted · ServiceStack/TypeScript:TypeScript引用忽略名称空间(这会导致重复)

7 年前

V.D · Visual Studio代码上的调试Nativescript不工作

7 年前

Tienus McVinger · 有没有办法限制if条件的需要?

7 年前

nonzod · NativeScript HttpClient和Observable

7 年前

kenny · NativeScript打开操作扩展

7 年前

Roel Voordendag · 标题样式仪表Nativescript

7 年前