colorpicker에서 선택한 값을 바인드 할 수 없습니다.

Question

angularJS typescript 응용 프로그램을 실행 중입니다. 난 내가 색상 선택기에서 값을 얻고 지금의로의 ColorPicker에서 색상을 가져 오기 위해 노력하고 있어요하지만 난

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 코드

을 다음과 같다 내 div.My TS 파일에 배경으로 그 색상을 바인딩 할 수 없습니다입니다

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

으로 변경했습니다.