Angular 4 变更检测机制 ChangeDetectorRef 使用方法

1、在angular 2中，回调函数的返回结果，不会自动更新视图层的显示，可以用 ChangeDetectorRef 来驱动angular更新视图。

import {ChangeDetectorRef} from "angular2/core";  //引入ChangeDetectorRef定义
constructor(public changeDetectorRef:ChangeDetectorRef) {      //注入当前组件的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.changeDetectorRef.markForCheck();     // 通知框架进行变化检查/Change Detection
    }
  }, function (error) {
    alert("发生了一个错误：" + error);
  });
}