angular组件如何引用另一个组件的一个指令

 时间:2024-11-03 04:02:35

1、新建一个文件夹,在鼠标右键选择Git Bash Here,然后输入安装angular cli,下载并创建项目

angular组件如何引用另一个组件的一个指令

2、项目下载和创建好了之后,切换路径并使用命令运行项目

angular组件如何引用另一个组件的一个指令

3、这时,重新打开浏览器,可以在浏览器中查看到项目运行效果

angular组件如何引用另一个组件的一个指令

4、双击打开Visual Studio Code工具,然后将项目导入到工具中,查看项目结构

angular组件如何引用另一个组件的一个指令

5、接着依次创建person和student组件,这时会生成三个文件

angular组件如何引用另一个组件的一个指令

6、打开student文件夹下的ts文件,在组件中实现OnInit,然后在类中定义方法sayHello

angular组件如何引用另一个组件的一个指令

7、接着打开Person组件,并添加注释@ViewChild,然后在初始化中调用子类方法sayHello

angular组件如何引用另一个组件的一个指令

8、最后在Person对应的页面中,引用子组件并添加#student,并添加一个按钮

angular组件如何引用另一个组件的一个指令
  • 炸弹塔怎么样 炸弹塔实战使用技巧详解
  • lol隐藏分查询,s5隐藏分对应段位表
  • 英雄联盟如何设置技能按键?
  • 结肠癌术后能活多久?具体看你怎么做
  • tim如何开启新邮件提醒
  • 热门搜索
    清明节手抄报版面设计图 法治社会手抄报 趣味语文手抄报 消防手抄报内容 56个民族手抄报 手抄报模板手画 关爱环卫工人手抄报 圣诞节英语手抄报内容 家长会手抄报 安全乘车手抄报