Question

我正在开发一个angularjs项目，我需要在CSS中使用用户定义（动态）颜色，有没有办法在使用Angularjs，核心JS或SASS的CSS中使用这种动态颜色？ / p>

像...一样的东西。

HTML页面中的Interal CSS：

<style>
 .button, .link {
    background:{{ ColorTheme }};
  }
</style>

AngularJS控制器：

app.controller('myController', function($scope) {
    $scope.ColorTheme = '#f00'};
});

Answer 1

您可以使用angularjs中名为ng-style的工具。

这里有一个例子：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">

<h1 ng-style="myObj">Welcome</h1>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "color" : "white",
        "background-color" : "blue",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

参考：https://www.w3schools.com/angular/ng_ng-style.asp

我可以在内部CSS中使用角度js变量吗？

1 个答案: