Невозможно связать выбранное мной значение с colorpicker

Question

Я запускаю приложение для работы с угловымJS. Я пытаюсь извлечь цвет из ColorPicker как сейчас я получаю значение из цветовой палитры, но я не в состоянии связать этот цвет в качестве фона для div.My ерей файла моего выглядит следующим образом

class UserDefinedElementTypeController { 

    public mycolor: string = "#f0f0f0"; 

    constructor(private $scope: ng.IScope) { 

     this.watchForcolorChanges(); 
    } 

    private watchForcolorChanges() { 

     this.mycolor = "#0f0f0f"; 
     this.$scope.$watch(() => this.mycolor, function (newVal, oldval) { 
      console.log(oldval, newVal); 
      this.divStyle = { 
       'background-color': newVal 
      } 
     }); 
    } 
} 

mainAngularModule.controller("userdefinedelementtype", UserDefinedElementTypeController); 

HTML код

<input type="color" ng-model="UDETController.mycolor" /> 
<div ng-style="UDETController.divStyle">Testing for background color </div> 

Мне что-то не хватает?

Answer 1

Я разрешил эту проблему. в функции watchForcolorChanges я изменил свой код на

private watchForcolorChanges() { 

     this.$scope.$watch(() => this.mycolor, 
      (newVal, oldval) =>{ 
       console.log('this.scope', this.$scope); 
       this.divStyle = { 
        'background-color': newVal 
       } 
      }); 
    }