Question

角度项目：仅在第一次显示视频时创建cookie，然后将其隐藏。我已经尝试过ng-show ng-if ....

<div ng-hide="about-video">

和 component.ts

ngOnInit(){
}

有很多站点在第一次输入（组件初始化）时都会显示视频，但后来将它们隐藏了想知道他们是如何实现的

Answer 1

使用cookie的想法是可以的，但是本地存储是解决问题的更好方法。 Juste在您的组件中创建一个布尔值，将其设置为false。然后在您的ngOnInit中读取cookie，如果不存在或包含false，则将布尔值设置为true。

export class SomeComponent implements OnInit{
    showVideo:boolean = false

    ngOnInit(){
        this.showVideo = window.localStorage.getItem('showIntroVideo') !== 'true';
        if(!this.showVideo){
            window.localStorage.setItem('showIntroVideo', 'true');
        }
    }
}

在您的模板中：

<ng-container *ngIf="showVideo">
    <!-- your video goes there -->
</ng-container>

第一次以角度显示组件到网站

1 个答案: