Javascript 带有html5颜色输入的AngularJS-动态设置值

我的控制器范围中定义了一个颜色类型为的输入：

HTML:

问题是，当颜色由Angular设置时，颜色不会得到更新，尽管在检查时我看到：

请参阅：

---

如何动态更新html5输入颜色？

尝试使用ng模型而不是值将其绑定到控制器

function MyCtrl($scope) {  
    $scope.mycolor = "#f0f0f0";

    $scope.$watch('mycolor', function(newVal) {
        console.log('newVal ' + newVal);
    });
}

---

这里是更新和工作。

您甚至不需要$watch，只需要$timeout

function MyCtrl($scope, $timeout) { 
    $timeout(() => {
        $scope.mycolor = "#f0f0f0";
    }) 
}

---

工作小提琴

我不知道JSFIDLE是否已更新，但颜色正在为我改变。只是有一点延迟。去掉value成功了，我最终使用

ng init

定义了默认值，请参见：

function MyCtrl($scope) {  
    $scope.mycolor = "#f0f0f0";

    $scope.$watch('mycolor', function(newVal) {
        console.log('newVal ' + newVal);
    });
}

function MyCtrl($scope, $timeout) { 
    $timeout(() => {
        $scope.mycolor = "#f0f0f0";
    }) 
}