在构造函数中为initvalue获取undefined

Question

我在angular2中有一个问题 在processInput方法中，我未定义initvalue

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

@Component({
    templateUrl: './medbot.component.html',
})

export class Med {
    initvalue: String
    constructor() {
        this.initvalue = "i have initialized this value"
    }


    processInput(message: string): void {
        console.log(this.initvalue)
    }
}

当我们在麦克风上讲话时，它会从medbot.component.html调用

<br><br>
<div class="row" width="100%" style="margin:0">
    <microphone [audioInput]="processInput"></microphone>
</div>

Answer 1

我能够找出问题所在。我应该给出audioInput（audioInput）而不是[audioInput]，并且应该传递processInput（$ event）。

<br><br>
<div class="row" width="100%" style="margin:0">
    <microphone (audioInput)="processInput($event)"></microphone>
</div>