Wert durch Komponenten in Angular 2 übergeben

Question

Ich benutze das Ng2Bs3ModalModule, um Popup eine Komponente anzuzeigen. Hier für das ich die folgende Art und Weise bin mit:

ich eine Vorlage auf dem Bauteil-Master als folgen

<modal #modal> 
    <modal-header [show-close]="true"> 
     <h4 class="modal-title">Update Job Service</h4> 
    </modal-header> 
    <modal-body> 
     <app-job-service-edit></app-job-service-edit> 
    </modal-body> 
</modal> 

Danach öffne ich dieses Modell der folgenden model.open mit() in (click) Ereignisse .

<button type="button" class="flat btn-danger" name="table_records" (click)="modal.open()">EDIT</button> 

Jetzt muss ich einen Wert an die Komponente übergeben, indem Sie auf die obige Schaltfläche klicken. Wie mache ich das???

Vielen Dank im Voraus.

Answer 1

Sie können einen anderen Funktionsaufruf verwenden, um einen Wert mithilfe einer Semikolonne zu senden.

(click)="modal.open();(click)="test('hello')

<button type="button" class="flat btn-danger" name="table_records" (click)="modal.open();(click)="test('hello')">EDIT</button> 

Hier ist die Komponente Beispiel.

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    styles: [` 
    .app { 
     display: block; 
     text-align: center; 
     padding: 25px; 
     background: #f5f5f5; 
    } 
    `], 
    template: ` 
    <div class="app"> 
     <a (click)="test('hello')">Click me to alert</a> 
    </div> 
    ` 
}) 
export class AppComponent { 


    test(value): void { 
    console.log(value) 
    alert(value) 
} 

} 

Here is a workinf DEMO