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

Question

我正在尝试运行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() {}
}

mainAngularModule.controller（＆＃34; linktController＆＃34;，LinkTypeController）;

我的html角度绑定代码如下。

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

我是angularjs 1.5我们可以使用watch for it。但是我们可以在typescipt中使用类似功能的类似功能，以便将我的值colorpicker分配给我的div。