Angularjs:Angular 如何隐藏和显示元素？我应该在哪里修改元素？

我想隐藏 angular 应用程序，直到呈现 View 。
我可能不得不使用 style="display:none": 隐藏它

 <div id="app-content" style="display:none">
      <!-- Angular app HTML code -->
 </div>

我试过这个，它不会工作，因为 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-hide :
这与 ng-show 相同，取决​​于 true 或 false 值

ng-hide="true" 与 style="display:none"

相同

ng-hide="false" 与 style="display:block"

相同

如果您使用 ng-show 或 ng-hide ，则不需要在 display 中调用 style 属性

我应该在哪里修改style.display，或者有更好的解决方案？
如果您使用 style.display ，则不需要 angular.js 。只需尝试 ng-show 和 ng-hide 。
如果您使用 ng-show 或 hide ，那么您可以在 Controller 中进行更改。
喜欢下面的东西

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

您需要修改 Controller 中的 modelName。

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

关于Angularjs:Angular 如何隐藏和显示元素？我应该在哪里修改元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29938791/