Angularjs：角度如何隐藏和显示元素？我应该在哪里修改元素？

我想在渲染视图之前隐藏angular应用程序。 我可能必须使用

style=“display:none”：

我已经尝试过了，但它不起作用，因为Angular不会修改style.display值

<div id="app-content" style="display:none" ng-show="1">

Angular如何隐藏元素，我应该在哪里修改style.display，还是有更好的解决方案？

Angular如何显示和隐藏元素？ 这取决于

Boolean

（

true

或

false

）值

---

ng show：

• ng show=“true”

  与

  style=“display:block”

• ng show=“false”

  与

  style=“display:none”

---

ng隐藏： 这与ng显示方式相同，取决于

true

或

false

值

• ng hide=“true”

  与

  style=“display:none”

• ng hide=“false”

  与

  style=“display:block”

如果使用

ng show

或

ng hide

，则无需调用

样式中的
显示
属性


我应该在哪里修改style.display，还是有更好的解决方案？
如果使用
angular.js
，则不需要
style.display
。只需尝试使用
ng show
和
ng hide

如果使用
ng show
或
hide
，则可以在控制器中进行更改

function controllername($scope)
{
$scope.modelName="true"// or false
}

像下面的什么

<div  ng-show="modelName">......

试试看

<div id="app-content" ng-show="false">



或

<div id="app-content" ng-hide="true">



您不需要在angularjs中使用
display:none
，因为它提供了
ng hide
和
ng show
指令来执行此类操作

有关更多信息，请访问此链接
您还可以使用名为
ng-clope
的html属性指令并隐藏具有该特定html属性的元素<代码>ng斗篷

在摘要循环结束时移除自己的斗篷-也在卷曲括号被移除之后。因此，您不必使用ng bind语法

在HTML/CSS中：

<style type="text/css">
    [ng-cloak] {
       display:none;
    }
</style>

---

你的意思是说从路由加载视图还是制作ajax？如果上面提到的任何方法都没有帮助，那么签出ng斗篷就是答案。我们还可以将ng show或ng hide与ng斗篷结合使用。这个链接有关于ng斗篷的详细信息谢谢，但我想我被误解了。如果我加载angular正在使用的页面，可能需要几秒钟才能加载angular.js或无法加载angular.js。用户将看到一个带有{{}的页面，在Angular呈现视图之前，应该隐藏的元素是可见的。加载和渲染完成之前，ng hide/ng show无法工作。@如果不希望用户在角度渲染或检查之前看到它，请使用ng bind而不是

{{}

<style type="text/css">
    [ng-cloak] {
       display:none;
    }
</style>

<div ng-hide="someVar" ng-cloak="">{{someOtherPerhaps}}</div>