angularjs - 何时使用 ng-if 与 ng-show/ng-hide?

标签 angularjs angular-ng-if angularjs-ng-show

我知道 ng-show 和 ng-hide 影响元素上设置的类,而 ng-if 控制元素是否呈现为 DOM 的一部分

是否有选择 ng-if 而不是 ng-show/ng-hide 或反之亦然的示例?

最佳答案

您已经在问题中总结了这一点。如果您想根据条件显示和隐藏 DOM,请使用 ng-show。这非常适合工作流程、选项卡、部分等之间的 DOM 转换。

<div ng-show="vm.tab == 'products'"></div>

如果您只想在发生条件时有条件地渲染 DOM,请使用 ng-if。这对于您不想公开不必要的 DOM 的权限特别有用。

<button ng-if="vm.data.allowSubmit" ng-click="vm.submit()" />

关于angularjs - 何时使用 ng-if 与 ng-show/ng-hide?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32493014/

相关文章:

javascript - ngRoute 无法加载 $routeProvider 定义的 View

javascript - Angularjs uri组件是如何编码的

angular - Angular中改变某个组件布局的宽度

javascript - ng-show 挂起我的整个应用程序

javascript - 如何调试 ng-cloak AngularJS?

Table Angular js中的HTML链接

javascript - Angular UI 路由器 - 解析后无法在组件中获取我的数据

javascript - 当 ng-if 添加/删除元素时收到通知

javascript - angular2中的ng-if和*ng-if有什么区别

javascript - AngularJS - 在 ng-repeat 中使用 ng-show