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);
   });
 }