Angular-js ng-hide和非常大的图像

时间:2016-03-29 13:57:14

标签: angularjs angular-ng-if

ng-hide的{​​{3}}表示它只是添加了CSS指令:

<!-- when $scope.myValue is truthy (element is hidden) -->
<div ng-hide="myValue" class="ng-hide"></div>

<!-- when $scope.myValue is falsy (element is visible) -->
<div ng-hide="myValue"></div>

它定义为:

.ng-hide {
  /* this is just another form of hiding an element */
  display: block!important;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

如果我的图像非常大,任何尺寸都超过9999像素,那么它会不会侵入视口?

有安全隐患吗?由于隐藏元素仍然在DOM中,任何人都可以看到它。这是否意味着我应该将ng-if用于敏感数据?

<div ng-if="userType == admin">
   < list of user names and passwords>

1 个答案:

答案 0 :(得分:3)

对于敏感数据,如果用户无权查看,您应该确保它甚至不会进入应用程序。但ng-hide确实隐藏了内容,而ng-if仅在条件满足时呈现内容。

谈论一个非常大的图像,你也总是想要使用ng-if。绘制大型图片会严重影响您的应用,在这种情况下使用ng-hide也会降低您的应用速度。

相关问题