Question

在我的index.html中，我有<header>，然后<body>包含一些子元素和<footer>元素。

其余代码在每个页面的模板中，例如templates / home.html，templates / login.html

对于本页面之一，我需要替换：

<body class="page-homepage" ng-app="historyApp" id="body">

到

<body class="page-subpage" ng-app="historyApp">

有什么好方法可以做到吗？

我找到了jquery的一些方法（以它为例）：

var el = document.querySelector('#body');
el.classList.remove('page-homepage');
el.classList.add('page-subpage');

但我相信很多人已经不得不处理这个问题。有人可以建议我如何以棱角分明吗？

Answer 1

在我看来，最好的方法是在$ rootScope中添加一个变量

$rootScope.isSub = false;

在你的body元素上使用ngClass指令：

<body ng-class="{'page-subpage':isSub,'page-homepage':!isSub}" ng-app="historyApp">

并为每个控制器指定$ rootScope.isSub值。