gpt4 book ai didi

javascript - angularjs 在 html 元素上动态设置 css

转载 作者:行者123 更新时间:2023-11-30 16:33:26 25 4
gpt4 key购买 nike

<!DOCTYPE html>
<html ng-app="myApp" class="{{themeClass}}">
<head lang="en">
<meta charset="UTF-8">
<title>Project Title</title>

</head>
<body>
<nav class="header">
<ul class="navbar">
<li>
<span>Project Name</span>
</li>
</ul>
</nav>

<div ng-controller="myCtrl">

</div>

</body>
</html>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope){
$scope.themeClass = something;
})

如何从 angularJS 代码动态更改 , class="{{themeClass}}"值。 HTML 元素未绑定(bind)到任何 Controller ,而且我没有任何指令,因为我使用的是 spring boot security。

有人可以告诉我如何动态更改“themeClass”变量值吗??提前致谢

最佳答案

<!DOCTYPE html>
<html ng-app="myApp" ng-controller="homeCtrl" class="{{themeClass}}">
<head lang="en">
<meta charset="UTF-8">
<title>Project Title</title>

</head>
<body>
<nav class="header">
<ul class="navbar">
<li>
<span>Project Name</span>
</li>
</ul>
</nav>

</body>
</html>

var app = angular.module('myApp', []);

app.controller('homeCtrl', function($scope){
$scope.themeClass = something;
});

关于javascript - angularjs 在 html 元素上动态设置 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33007224/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com