どのようにJavaScriptで関数を使用して動的に選択した色を変更し、色を変更してAngularJSで不透明度を与えることができますか？Angular JSでユーザを選択した色を変更する
私は自分の色を選択することができる私のフォームに色ピッカーを持つフィールドを持っていますし、関数内で色を動的に渡し、色を変更して不透明にする必要があります。
これは私の要件です。私はAngular JSでアプリケーションを構築しています。私はAngular Jsの初心者です。
私が正しくあなたの質問を理解している場合、それはあなた
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;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp" ng-controller="testCtrl">
color:<select ng-model="color_pic">
<option value="red" >red</option>
<option value="green">green</option>
<option value="yellow">yellow</option>
<option value="blue">blue</option>
</select>
opacity (0.0 to 1.0):<input type="text" ng-model="div_opacity">
<div ng-class="color_pic" style="opacity:{{div_opacity}}">
</div>
</body>