AngularJS使用全局变量更改<body>类
AngularJS使用全局变量更改<body>类
提问于 2014-01-06 13:50:34
我刚刚创建了一个angularJS应用程序。
这是我的index.html
<html ng-app="MyApp">
<head>
<!-- CSS files import -->
</head>
<body class="{{bodylayout}}">
<div ng-view></div>
</body>
<--! JS imports
aungular.js
app.js
login.js
register.js
-->
</html>app.js
'use strict';
//Define Routing for app
angular.module('myApp', []).config(['$routeProvider', '$locationProvider',
function($routeProvider,$locationProvider) {
$routeProvider
.when('/login', {
templateUrl: 'login.html',
controller: 'LoginController'
})
.when('/register', {
templateUrl: 'register.html',
controller: 'RegisterController'
})
.when('/forgotPassword', {
templateUrl: 'forgotpassword.html',
controller: 'forgotController'
})
.when('/home', {
templateUrl: 'views/home.html',
})
.otherwise({
redirectTo: '/login'
});
// $locationProvider.html5Mode(true); //Remove the '#' from URL.
}]);我有login.html，register.html和forgotpassword.html，home.html。每一个都在不同的文件中有不同的控制器。login.js、register.js、forgot.js、home.js。
login.js
'use strict';
angular.module('myApp').controller('LoginController', function($scope, $location, $window) {
$scope.user = {};
$scope.loginUser=function()
{
var username=$scope.user.name;
var password=$scope.user.password;
if(username=="admin" && password=="admin123")
{
$location.path( "/home" );
}
else
{
$scope.message="Error";
$scope.messagecolor="alert alert-danger";
}
}
});类似地，我在其他控制器中也有post方法。
我想要的是，当视图是登录或注册或忘记密码时，主体类应该是"login-layout"。所以我在body中放了class="{{bodylayout}}“，我知道使用全局变量，值可以设置，但是我不知道怎么做。
在app.js中，我尝试了以下操作
angular.module('myApp').factory("myService", function(){
return {
sharedObject: { data: 'login-layout' }
};
});但不知道如何使用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20943820
复制相关文章
相似问题
腾讯云开发者
