最后更多分享:前端字节跳动真题解析
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
也就是说,@ViewChild 是 父组件 用来 “看” 子组件的。
当ViewChild传入的是子组件ChildComponent,即在父组件中注入子组件,从而获取子组件的属性或方法
childComponent.ts
import { Component } from ‘@angular/core’;
@Component({
selector:‘app-child’,
templateurl:‘bababa’,
styleUrls:‘bababab’,
})
export class ChildComponent{
childFunction(){
console.log(‘this function is from childComponent’);
}
}
parentComponent.ts
import { Component } from ‘@angular/core’;
import { ViewChild } from ‘@angular/core’;
import { ChildComponent } from ‘…/子组件的目录’;
@Component({
selector:‘app-parent’,
templateurl:‘bababa’,
styleUrls:‘bababab’,
})
export class ParentComponent{
@ViewChild(ChildComponent) child : ChildComponent;
parentFunction(){
console.log(‘this function is from parentComponent’)
this.child.childFunction();
}
}
在父组件中,要注意别忘了准备工作,导入ViewChild和子组件
import { ViewChild } from ‘@angular/core’;
import { ChildComponent } from ‘…/子组件的目录’;
此时ViewChild传入的是子组件ChildComponent,以变量child保存
@ViewChild(ChildComponent) child : ChildComponent;
这样就可以大大方方的使用子组件里的方法了。
当ViewChild传入的是字符串,子组件打了锚点,父组件通过锚点位置从而获得子组件的属性或方法
八九不离十,只不过使用子组件ChildComponent时要打锚点做标记,即:
<app-child #child>I am a childComponent
另外,在父组件ParentComponent的ts里是这么写的:
export class ParentComponent{
@ViewChild(‘child’) child : any; //找child这个锚点
parentFunction(){
console.log(‘this function is from parentComponent’)
this.child.childFunction();
}
}
近期在项目中发现:对于@ViewChild的使用,更多的是使用打锚点这种方式。有可能是我接触相关项目不够多,总结的这个规律不一定很具有典型性。
当我在项目实践时,需要去找这些父子组件之间的关系,看到有锚点如:
<app-child #child>I am a childComponent
那么我就知道,此父组件使用了 selector为 app-child 的子组件中的某种属性或方法。那么我再去搜索 app-child,再看回父组件的ts,对比查看,我就能知道父组件到底怎么操作子组件。
=========================================================================
最后
好了,这就是整理的前端从入门到放弃的学习笔记,还有很多没有整理到,我也算是边学边去整理,后续还会慢慢完善,这些相信够你学一阵子了。
做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。
做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。