У меня есть кнопка, которая назначает одну из двух строк из массива переменной.
затем, используя [ngSwitch], я хочу отобразить только один абзац.
Ни один из абзацевКажется, появляется, я получаю только случайное предупреждение при каждом нажатии кнопки.
О, и компонент вызывается на главном компоненте.
animations.component.html
<button (click)="chooseAnimation()">button</button>
<div [ngSwitch]="animation">
<div *ngSwitchCase="splittingImage">
<p> splitting </p>
</div>
<div *ngSwitchCase="zoomAndBlur">
<p> zooming </p>
</div>
</div>
animations.component.ts
export class AnimationsComponent implements OnInit {
animation;
animations = ['zoomAndBlur','splittingImage'];
ngOnInit(){
}
chooseAnimation(){
this.animation = this.animations[Math.floor(Math.random() * this.animations.length)];
alert(this.animation); //this works fine and alerts zoomAndBlur or splittingImage.
}
constructor() {
}