<!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/