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

时间:2017-11-27 11:16:46

标签: javascript angular

如何使用Javascript中的函数更改动态选择的颜色并更改颜色并在AngularJS中赋予不透明度。

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

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

1 个答案:

答案 0 :(得分:0)

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

foo 0 bar
foo 1 bar
foo 2 bar
foo 3 bar
foo 4 bar
foo 5 bar
foo 6 bar
foo 7 bar
foo 8 bar
foo 9 bar
foo 10 bar
 var app = angular.module('testApp',[]);
    app.controller('testCtrl',function($scope){

    });
.red{
background-color:red;
}
.green{
background-color:green;
}
.yellow{
background-color:yellow;
}
.blue{
background-color:blue;
}

div{
width:100px;
height:100px;
border:1px solid black;
}