Tengo una aplicación donde tengo un componente de carga donde puedo cargar un archivo. Está incrustado en el body.component.

En la carga, debe usar una función (por ejemplo BodyComponent.thefunction()) del componente principal (hacer una llamada para actualizar los datos): pero solo si el padre es específicamente el body.component. La carga también puede usarse en otros lugares con un comportamiento diferente.

Algo como parent(this).thefunction(), ¿cómo hacer eso?

Crearía un evento personalizado en el componente secundario. Algo como eso:

@Component({
  selector: 'child-comp',
  (...)
})
export class ChildComponent {
  @Output()
  uploaded = new EventEmitter<string>();

  uploadComplete() {
    this.uploaded.emit('complete');
  }

Su componente principal podría registrarse en este evento

@Component({
  template `
    <child-comp (uploaded)="someMethod($event)"></child-comp>
  `,
  directives: [ ChildComponent ]
})
export class ParentComponent {
  (...)

  someMethod(event) {
  }
}

Otra forma sería inyectar el componente principal en el secundario, pero estarán fuertemente vinculados entre sí ...

A continuación se trabajó para mí en la última

Angular5

class ChildComponent {
  @Output() myEvent = new EventEmitter<string>();

  callParent() {
    this.myEvent.emit('eventDesc');
  }
}

En ParentTemplatela plantilla

<child-component (myEvent)="anyParentMehtod($event)"

Solución sin eventos de por medio.

Supongamos que tengo un ChildComponenty de ahí quiero llamar al método al myMethod()que pertenece ParentComponent(manteniendo el contexto del padre original).

Clase de componente principal:

@Component({ ... })
export class ParentComponent {

    get myMethodFunc() {
        return this.myMethod.bind(this);
    }

    myMethod() {
         ...
    }
}

Plantilla principal:

<app-child [myMethod]="myMethodFunc"></app-child>

Plantilla infantil

@Component({ ... })
export class ChildComponent {

    @Input() myMethod: Function;

    // here I can use this.myMethod() and it will call ParentComponent's myMethod()
}

Puede inyectar el componente principal al componente secundario.

Para obtener más detalles, consulte
- ¿Cómo inyecto un componente principal en un componente secundario?
- El componente secundario de Angular 2 se refiere al componente principal. De esta manera, puede asegurarse de que thefunction()solo se llame cuando el elemento principal sea body.component.

constructor(@Host() bodyComp: BodyComponent) {

De lo contrario, @Output()se prefiere usar para comunicarse de un niño a otro.