Javascript 更改用户在Angular JS中选择的颜色

如何在Javascript中使用函数更改动态选择的颜色，以及如何在AngularJS中更改颜色和不透明度

基本上，我的表单中有一个带有颜色选择器的字段，用户可以选择自己的颜色，我们需要在函数中动态传递颜色，并通过赋予颜色一些不透明度来更改颜色

---

这是我的要求。我正在Angular JS中构建应用程序。我是Angular JS的初学者。

如果我正确理解了您的问题，将对您有所帮助

var-app=angular.module（'testApp'，[]）；
app.controller（'testCtrl'，函数（$scope）{
});
.red{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}
黄先生{
背景颜色：黄色；
}
蓝先生{
背景颜色：蓝色；
}
div{
宽度：100px；
高度：100px；
边框：1px纯黑；
}

颜色：
红色
绿色
黄色的
蓝色
不透明度（0.0到1.0）：
如果我正确理解了你的问题，这将对你有所帮助


var-app=angular.module（'testApp'，[]）；
app.controller（'testCtrl'，函数（$scope）{
});
.red{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}
黄先生{
背景颜色：黄色；
}
蓝先生{
背景颜色：蓝色；
}
div{
宽度：100px；
高度：100px；
边框：1px纯黑；
}

颜色：
红色
绿色
黄色的
蓝色
不透明度（0.0到1.0）：