- 获取 DOM 元素
-
viewChild 获取 DOM 元素 使用步骤 1、模板元素 <div #box>DOM 元素获取</div>
2、引用 import {ViewChild, AfterViewInit } from '@angular/core';
3、定义 @ViewChild('box') box: any; ()内名称对应模板内的 #名称 后面为自定义名称
4、使用 this.myBox.nativeElement['属性']; 可以获取也可以设置
-
- 父组件通过 ViewChild调用子组件方法
viewChild 父组件调用子组件方法 步骤 父组件.html <div> 父组件包含子组件 <app-child #childBox></app-child> </div>
子组件.ts run(){ console.log('我是子组件的方法'); }
父组件.ts 引入 import { OnInit, ViewChild } from '@angular/core'; 声明 @ViewChild('childBox') childbox: any; 调用子组件方法(在某个方法内调用) this.childbox['方法名']
@viewChild
最新推荐文章于 2024-08-20 17:11:07 发布