Angular2 output double parameter signature

Question

Hello is there any way to pass two parameters in the output function from child component.

I want to call markQuestion from child component(answer-sheet) with (q_number, value) parameters but it gives me errors.

It works with one parameter.

http://plnkr.co/edit/4WHOT3

<answer-sheet *ngIf="current_question" [questions]="questions" [question] = "current_question" [answer_list]="answers"
    (markQuestion)="markQuestion($event)">
  </answer-sheet>

markQuestion(q_number:number, val:number){
    console.log(q_number , "numaralı soru cevap anahtarından ", val, " olarak isaretlendi" );
    //this.answers[q_number[0]] = {q_number[1]};
  }

export class Answers {
    // @Input() question: Object;
    @Output() markQuestion = new EventEmitter();

    @Input()
    answer_list;

    public question: Object;

    nextQuestionAnsweredButton(q_number,val){
        //There is an error at calling next function -> Supplied parameters do not match ..
        this.markQuestion.next(q_number,val);
    }
}

Should the Plunker be a fully working example? There seem to be parts missing. — Günter Zöchbauer
– Günter Zöchbauer, Commented Feb 29, 2016 at 11:36

Günter Zöchbauer · Accepted Answer · 2016-02-29 11:43:21Z

4

You can pass an object

markQuestion.emit({q_number: q_number, value: value});

markQuestion(event:object){
    console.log(event.q_number , "numaralı soru cevap anahtarından ", event.val, " olarak isaretlendi" );
    //this.answers[event.q_number[0]] = {event.q_number[1]};
  }

Otherwise no you can't pass more parameters to an @Output()

edited Feb 29, 2016 at 11:43

answered Feb 29, 2016 at 11:37

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

mehmet izci Over a year ago

Thank you ! Still it is weird that we cant pass two parameters. Maybe its weird because I don't know the "correct pattern"

Günter Zöchbauer Over a year ago

You can send one event value. That's a common pattern. You can pack into that event whatever you want though.

user1034912 Over a year ago

how do you consume this event?

Sasxa · Accepted Answer · 2016-02-29 11:38:01Z

1

You can pass an object as argument

this.markQuestion.next({ no: q_number, value val});

answered Feb 29, 2016 at 11:38

Sasxa

41.4k17 gold badges91 silver badges102 bronze badges

Collectives™ on Stack Overflow

Angular2 output double parameter signature

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related