Javascript AngularJS-ng披风按钮不工作（闪烁仍然存在）在铬-ng披风不'；因为某些原因，我甚至没有被添加到CSS中_Javascript_Css_Angularjs_Ng Hide_Ngcloak

Javascript AngularJS-ng披风按钮不工作（闪烁仍然存在）在铬-ng披风不'；因为某些原因，我甚至没有被添加到CSS中

javascript css angularjs

Javascript AngularJS-ng披风按钮不工作（闪烁仍然存在）在铬-ng披风不'；因为某些原因，我甚至没有被添加到CSS中,javascript,css,angularjs,ng-hide,ngcloak,Javascript,Css,Angularjs,Ng Hide,Ngcloak,这是我的HTML（以及其他内容）：问题是，当页面加载时，“添加”按钮出现，然后在一秒钟后消失（即使ng hide的计算结果为True。注意：这就是我所说的“闪烁”）。如果ng hide的计算结果为True，有没有办法不让按钮显示编辑：当我将class=“btn btn主ng斗篷”更改为class=“btn btn主ng斗篷”并使其成为我的CSS时： /* add ng-cloaks */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloa

这是我的HTML（以及其他内容）：

问题是，当页面加载时，“添加”按钮出现，然后在一秒钟后消失（即使ng hide的计算结果为True。注意：这就是我所说的“闪烁”）。如果ng hide的计算结果为True，有没有办法不让按钮显示

编辑：当我将

class=“btn btn主ng斗篷”

更改为

class=“btn btn主ng斗篷”

并使其成为我的CSS时：

/* add ng-cloaks */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-cloaks {
  display: none !important;
}

然后它成功地不显示该按钮。好像有些JS正在卸下装载的ng斗篷

编辑2：我从我的按钮中删除了ng隐藏，结果发现ng斗篷类甚至没有添加到按钮中（我在Chromium中使用了“inspect element”，看到ng斗篷CSS甚至没有被应用，并且ng斗篷类没有出现在按钮上）。因此，AngularJS似乎出于某种原因删除了ng斗篷类（正如我前面提到的，当我将其更改为.ng斗篷时，它工作得非常好）。

发现了错误。虽然我在帖子中没有提到它，

ctrl.userProfile.added

最初并不存在（在我的user.js文件中，我最初只有

self.userProfile=[]

）。然后我做了一个get请求并加载了

self.userProfile

，然后它变成了

self.userProfile={'added'：true}

。所以我猜AngularJS显示这个按钮是因为

self.userProfile.watching

最初是未定义的

<html ng-app="UserPageApp">
    <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/bootstrapCSS/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/angular.js"></script>
    <script src="js/base.js"></script>
    <script src="js/bootstrapJS/bootstrap.min.js"></script>
    <base href="/">
    </head>

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* add ng-cloaks */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-cloaks {
  display: none !important;
}