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

2025-04-21 02:07:05

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组件如何引用另一个组件的一个指令
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢