我只需要理解下面的语法。 我正在使用angular-archwizard
库在我的html页面中创建向导。
HTML:
<aw-wizard #wizard>
<aw-wizard-step [stepTitle]="'Steptitle 1'" [canExit]="canExitStep1">
<div class="centered-content">
<div>
Content: Step 1
</div>
<div class="checkbox">
<input type="checkbox" />
<label>Allow exiting step 1</label>
</div>
<div class="btn-group">
<button type="button" class="btn btn-secondary" awNextStep>Continue</button>
</div>
</div>
</aw-wizard-step>
</aw-wizard>
类型脚本
import {Component, OnInit} from '@angular/core';
import {MovingDirection} from 'angular-archwizard';
@Component({
selector: 'app-can-exit-event',
templateUrl: './can-exit-event.component.html',
styleUrls: ['./can-exit-event.component.css']
})
export class CanExitEventComponent implements OnInit {
public canExitStep1: (MovingDirection) => boolean = (direction) => {
switch (direction) {
case MovingDirection.Forwards:
return true;
case MovingDirection.Backwards:
return false;
case MovingDirection.Stay:
return true;
}
};
constructor() {
}
ngOnInit() {
}
}
我感兴趣的是:[canExit]="canExitStep1"
和TypeScript部分中的public canExitStep1: (MovingDirection)
。
在TypeScript部分,canExitStep1
是一个函数吗?MovingDirection
如何传递?基本上,我只需要了解从html
部分到typescript
部分的整个语法即可。
[canExit]
编写函数,所以在他们的Github
上碰巧发现了上面那个例子。那么这部分public canExitStep1: (MovingDirection) => boolean = (direction) =>
是否意味着它是一个接受MovingDirection
并返回boolean
的函数?如果是这样,那么语法对我来说有点奇怪 :-) - KihatscanExit
方法会更容易。我已经进行了更新,就像这样。如果现在可以理解,请告诉我。 - abd995