Question

您好，感谢您查看我的问题。我是angularjs的新手，因此给予我尽可能多的指导。

我有2页。（1） - singlepage.php（这个实际上是每个其他页面的主要容器（2） - login.html（这个实际上是一个包含用户名，密码等文本框的片段

 <body ng-controller="AppController" class="{{bodyClass}}"> <div id="view" ng-view></div> </body>

    $routeProvider.when('/login', {
        templateUrl: 'templates/login.html',
        bodyclass: 'login',
        controller: 'LoginController'
    });

    app.controller("LoginController", function($scope, $location, AuthenticationService, $route) {
    $scope.bodyclass = 'login';

    $scope.credentials = { email: "", password: "" };
    $scope.login = function() {
    AuthenticationService.login($scope.credentials).success(function() {
         $location.path('/home');
      });
    };
});

我需要将body元素上的类更改为＆＃34; loginbox＆＃34;登录页面加载时。

再次感谢

Answer 1

有两个参考资料可以帮助您走上正轨：

ngClass指令文档 - https://docs.angularjs.org/api/ng/directive/ngClass#！
此帖子：What is the best way to conditionally apply a class?

Answer 2

Documentation for ng-class

ng-class =“{bodyClass：true}”

Answer 3

您可以使用$ rootScope为模板的元素设置视图模型。例如：

app.controller("LoginController", function($rootScope, $scope, $location, AuthenticationService, $route) {
  $rootScope.bodyClass = "loginbox";
  ...
});

如何在包含div上设置类

3 个答案: