ng2父组件中触发子组件中的方法@ViewsChild()
发布时间:2020-12-17 09:36:04 所属栏目:安全 来源:网络整理
导读:1、子组件内容 import {Component} from "@angular/core";@Component({ selector: "my-contact",templateUrl: "a (click)='childClick()'单机事件/a"})export class ChildComponent { constructor() { console.log("contact"); } childClick() { alert("子组
1、子组件内容 import {Component} from "@angular/core"; @Component({ selector: "my-contact",templateUrl: "<a (click)='childClick()'>单机事件</a>" }) export class ChildComponent { constructor() { console.log("contact"); } childClick() { alert("子组件的事件触发"); } } 2、父组件 import {Component,ViewChild} from "@angular/core"; import {ChildComponent} from "./child.component"; @Component({ selector: "my-home",templateUrl: "<a (click)='parentClick()'>单机,调用子组件的方法</a>" }) export class ParentComponent { @ViewChild(ChildComponent) child: ChildComponent; parentClick() { this.child.childClick(); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |