javascript - 如何设置 Angular body 等级？

Question

我试图在登录页面中向正文添加一个类“bodyLogin”，并在所有其他页面中将其删除。angular的方式应该怎么做？

Answer 1

正如 Jeremy 所建议的那样，我使用了 ng 类，但在自动设置 $scope 值 inLoginPage 以影响 body 类时仍然存在问题。使用 Angular 的作用域继承，答案非常简单。动态实现body类变化的代码在这个plunkr .

app.controller('profileController', function($scope) {
  $scope.setBodyClass('profile');
});
app.controller('loginController', function($scope) {
  $scope.setBodyClass('login');
});

//the controller can use either the bodyService or the app.value bodyClass
//app.controller('bodyController', function($scope, bodyService) {
app.controller('bodyController', function($scope, bodyClass) {
  $scope.setBodyClass = function(_bodyCLass) {
    $scope.bodyClass = _bodyCLass;
    $scope.inLoginPage = ($scope.bodyClass === 'login');
  };
});

更新:我更改了 plunk 以使其更加清晰。现在，plunk 显示您可以使用该服务或该值。