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如何开启新邮件提醒
  • 热门搜索
    tp路由器管理员密码 皮肤角质层薄怎么修复 罪恶都市怎么游泳 虚拟网卡怎么设置 开平旅游 如何学日语 中国雪乡旅游攻略 去韩国旅游 计算机水平怎么写 去澳大利亚旅游