在typescript和angularjs1.5中绑定colorpicker的背景色

我正在尝试运行Angularjs单页应用程序（Ngroute）。我想将选定的颜色选择器颜色设置为div背景。我正在使用Angularjs 1.5的Typescript。我的typescripte代码如下

let mainAngularModule = angular.module("acc-management", ['ngMaterial', 'ngRoute']);
mainAngularModule.config(routeConfig);
routeConfig.$inject = ['$routeProvider'];

function routeConfig($routeProvider, $locationProvider) {
    $routeProvider
        .when('/it', {
            templateUrl: 'linkmanager.html'
        })
        .when('/UserDefinedElement', {
            templateUrl: 'LinkType.html',
            controller: 'linktController as LTController'
        })
}
class LinkTypeController {
    private url: string;
    private token: string;
    public static $inject = ["$scope", '$http', '$q'];
    private TestString: any;
    public mycolor: string = "#f0f0f0";
    constructor(private $http: ng.IHttpService, private $q: ng.IQService) {
    }
    public get Colortest() {
        return this.TestString;
    }
    public set Colortest(newItem: any) {
        this.TestString = newItem;
        alert('Layout is:');
        alert(this.TestString);
    }
    myStyle() {}
}

<md-card-title>
    <md-card-title-text>

        <input type="color" ng-model="UDETController.mycolor" />
        <div ng-style="UDETController.divStyle">Testing for bachground color </div>
    </md-card-title-text>
</md-card-title>

mainAngularModule.controller（“linktController”，LinkTypeController）

我的html角度绑定代码如下所示

let mainAngularModule = angular.module("acc-management", ['ngMaterial', 'ngRoute']);
mainAngularModule.config(routeConfig);
routeConfig.$inject = ['$routeProvider'];

function routeConfig($routeProvider, $locationProvider) {
    $routeProvider
        .when('/it', {
            templateUrl: 'linkmanager.html'
        })
        .when('/UserDefinedElement', {
            templateUrl: 'LinkType.html',
            controller: 'linktController as LTController'
        })
}
class LinkTypeController {
    private url: string;
    private token: string;
    public static $inject = ["$scope", '$http', '$q'];
    private TestString: any;
    public mycolor: string = "#f0f0f0";
    constructor(private $http: ng.IHttpService, private $q: ng.IQService) {
    }
    public get Colortest() {
        return this.TestString;
    }
    public set Colortest(newItem: any) {
        this.TestString = newItem;
        alert('Layout is:');
        alert(this.TestString);
    }
    myStyle() {}
}

<md-card-title>
    <md-card-title-text>

        <input type="color" ng-model="UDETController.mycolor" />
        <div ng-style="UDETController.divStyle">Testing for bachground color </div>
    </md-card-title-text>
</md-card-title>

底色测试

I angularjs 1.5我们可以使用watch，但我们可以在typescipt中使用类似watch的功能，以便将我的值形式colorpicker分配给我的div