在angular 2中，从浏览器的子标签中调用父标签中的函数

在Angular 2中，从浏览器的子标签中调用父标签中的函数可以通过使用@ViewChild装饰器和EventEmitter来实现。

首先，在父组件中定义一个函数，并使用EventEmitter将其暴露给子组件。例如：

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <h1>Parent Component</h1>
    <app-child (childEvent)="callParentFunction($event)"></app-child>
  `
})
export class ParentComponent {
  @Output() parentEvent = new EventEmitter();

  callParentFunction(data: any) {
    console.log('Data from child:', data);
    // 在这里编写父组件中的函数逻辑
  }
}

然后，在子组件中使用@ViewChild装饰器来获取父组件的引用，并通过调用父组件的函数来触发事件。例如：

import { Component, EventEmitter, Output, ViewChild } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <h2>Child Component</h2>
    <button (click)="callParentFunction()">Call Parent Function</button>
  `
})
export class ChildComponent {
  @ViewChild(ParentComponent) parentComponent: ParentComponent;

  callParentFunction() {
    const data = 'Hello from child';
    this.parentComponent.callParentFunction(data);
  }
}

在上述示例中，父组件通过@Output装饰器将parentEvent事件暴露给子组件，并在子组件中使用(childEvent)绑定到父组件的函数callParentFunction。子组件通过@ViewChild装饰器获取父组件的引用，并在callParentFunction函数中调用父组件的callParentFunction函数，从而实现了从子组件中调用父组件的函数。

请注意，以上示例中的代码仅为演示目的，并未包含完整的Angular 2组件定义和模块导入。在实际开发中，需要根据项目的具体情况进行适当的调整和扩展。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云函数（SCF）。