使用 Angular2 输入 onchange

Question

我尝试用飞镖检测变化。例子 html:

<div>
    <input id="photoUpload" type="file" name="photo" (onchange)="update()" multiple>
</div>

飞镖：

@Component(
    selector: "photo-upload-dialog", templateUrl: "photo_upload_dialog.html")
class PhotoUploadDialog {


  update() async {
    print('Changed!');
  }
}

但控制台中没有任何内容。

Answer 1

onChange 是默认事件处理程序名称，而不是事件名称。

改用

(change)="update()"

使用 Angular2 输入 onchange

Input onchange with Angular2

dart

angular-dart