Угловая 2: привязка модели в window.functionName не работает

Question

Моя текущая задача - подключить внешний виджет JS от другой службы к проекту Angular 2. Этот виджет требует в функции params, объявленной в глобальной области, как обратный вызов, где он будет возвращать данные. Моя лучшая идея сделать это в угловом стиле 2 - описать функцию в классе (код ниже).

initWidget(){ 
 
    window.widgetCallback = function(result){ 
 
    this.deliveryPoint = result; 
 
    }; 
 
    boxberry.open('widgetCallback', 'some', 'params'); 
 
}

Эта функция работает правильно и deliveryPoint получает необходимые данные, но, когда я вызова {{}} deliveryPoint в шаблоне, он не имеет никакого связывания - переменная не обновляется.

Как я могу исправить эту проблему?

Answer 1

Трудно сказать, из вашего вопроса, в чем проблема, но я предполагаю, используя ()=> вместо того function() исправляет проблему:

constructor(private cdRef:ChangeDetectorRef) {} 

initWidget(){ 
    window.widgetCallback = (result) => { 
    this.deliveryPoint = result; 
    this.cdRef.detectChanges(); 
    }; 
    boxberry.open('widgetCallback', 'some', 'params'); 
}