javascript - 为什么即使使用自定义指令，Angular ng-cloak 也会覆盖我的 ng-show

Question

我试图在登录时隐藏我的布局页面，我将 ng-show 设置为一个 bool 值，当成功登录时该值会设置为 true。无论我做什么，布局页面都不会显示其自身。我遵循了这个 Angular ng-show directive doesn't work for button 的答案但我仍然无法显示页面。当我查看开发工具时，我可以看到正在应用我的自定义样式

HTML代码:

<div class="my-hidden-xs container" ng-show="isLoggedIn">

CSS:

.my-hidden-xs {
    display: none !important;
}

Controller :

function LogInController($scope, $http, $state) {
    $scope.isLoggedIn = false;     
    $scope.signOn = function () {
        $http.post('http://localhost:a location on my backend').then(function (response) {
            if (response.data.token) {
                $scope.$apply.isLoggedIn = true;
                $state.go('main'); 
                //...          

我在这里做错了什么？我是 Angular 的新手，但之前使用过 hide 和 show 没有这个问题。

Answer 1

你能尝试改变你的 css 你有 display: none !important 并且我看不到任何在成功函数上改变它的代码你可以使用这样的东西:

<div class="container {{checkVisible(isLoggedIn)}}">

在 Controller 中

$scope.checkVisible()
{
 if(isLoggedIn)
      return '';
 else
      return 'my-hidden-xs';   
}