angular 2动画toggleState（）

Question

我刚开始通过角度2学习动画。我在动画here上遵循angular2文档并遵循第一个示例。它似乎很直接，但是当我调用触发器toggleState()时，我收到错误。我查看了他们的plunker示例，但没有找到定义`toggleState（）'的位置......有人可以帮帮忙......

以下是我的问题plunkr

Answer 1

toggleState（）在 hero.service.ts

中定义

Answer 2

你的掠夺者遇到了一些问题。

首先，你需要从一开始就有一些风格：

@Component
....
styles: [
  // your initial styles here
]

然后在你的组件中你需要一个布尔值，它将切换状态，这是你需要的答案。在这里，我指的是你的plunker。所以首先你要声明一个布尔值来使用：

toggle: boolean;

并在您的组件中切换状态，例如使用按钮并调用以下函数：

toggleState() {
  this.toggle = !this.toggle;
  this.stateExpression = this.toggle ? 'active':'inactive';
}

然后你的动画出现了一些问题。然后您遇到了错误，states都设置为inactive。

以下是plunker的更改以及对样式的一些细微更改;）