angular2回调函数与数据绑定不能实时更新的问题

关于Angular2中回调函数与数据绑定不能实时更新的问题

回调函数跑出了Angular2的zone，所以需要注入ChangeDetector，显式地通知Angular2框架进行更新，类似于Angular1.x中的apply()：
import {ChangeDetectorRef} from "angular2/core"; //引入ChangeDetectorRef定义
constructor(@Inject(ChangeDetectorRef) cd) { //注入当前组件的ChangeDetectore
this.cd = cd;
this.records = [];
}
barcodeScanner() {
var self = this;
cordova.plugins.barcodeScanner.scan(function (result) {
if (!result.cancelled) {
self.records.unshift(result);
alert(self.records.length);
self.cd.markForCheck(); // 通知框架进行变化检查/Change Detection
}
}, function (error) {
alert("发生了一个错误：" + error);
});
}
问题详情: