62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
/*
|
|
* @Description: {{ByRuin}}
|
|
* @Version: 2.0
|
|
* @Author: Ruin 🍭
|
|
* @Date: 2022-03-03 17:06:15
|
|
* @LastEditors: 刘引
|
|
* @LastEditTime: 2022-03-07 14:53:10
|
|
*/
|
|
import { Component, ElementRef, OnInit, ViewChild } from "@angular/core";
|
|
// 引入服务
|
|
import { StorageService } from "src/app/services/storage.service";
|
|
// 实例化类
|
|
// let storage = new StorageService();
|
|
@Component({
|
|
selector: "app-home",
|
|
templateUrl: "./home.component.html",
|
|
styleUrls: ["./home.component.scss"],
|
|
})
|
|
export class HomeComponent implements OnInit {
|
|
@ViewChild("homeHead", { static: true }) homeHead: any;
|
|
public textContent: any;
|
|
// 依赖注入 语法糖写法 相当于在构造器中 实例化对象
|
|
constructor(public storage: StorageService) {
|
|
// let res = storage.getTest();
|
|
let key: string = "cat";
|
|
let value: string = "hello";
|
|
// 设置缓存
|
|
storage.setStorage(key, value);
|
|
// 获取缓存
|
|
let result = storage.getStorage(key);
|
|
// 删除缓存
|
|
storage.removeStorage(key);
|
|
console.log(result);
|
|
// 清除所有缓存
|
|
storage.clearStorage();
|
|
// console.log(res);
|
|
}
|
|
|
|
// 组件和指令初始化完成(dom渲染还没有完成)
|
|
ngOnInit(): void {
|
|
// console.log("触发");
|
|
}
|
|
// dom加载完成后的生命周期函数
|
|
ngAfterViewInit(): void {
|
|
this.setDom();
|
|
}
|
|
|
|
changeKeyword() {
|
|
this.textContent = "改变keywords的值";
|
|
}
|
|
getContent() {
|
|
console.log("触发");
|
|
}
|
|
getKeyword() {
|
|
console.log(this.textContent);
|
|
}
|
|
setDom() {
|
|
this.homeHead.testViewChild();
|
|
// console.log(this.homeHead.nativeElement);
|
|
}
|
|
}
|