从html AngularJS中删除元素

Question

我试图在AngularJS中使用ng-if指令显示或隐藏div。它可以工作，但它仍然出现在html源代码中。

如何从html中完全删除div？我就是这样做的：

<div ng-if="user != null && user != 'Error'">CONTENT</div>

谢谢!

Answer 1

如何从html中完全删除div？

AngularJS‘ng-if放置一个包含元素的注释，因此如果ng-if计算为false，则元素将被移除，但它将被标记为注释。

AngularJS在客户机上运行，所以您的模板(Html)将查看您如何编写它。它在浏览器上评估和操作您的模板，与您可以使用ASP.MVC和PHP的MVC不同，后者将在服务器上构造html并将其发送给客户端“准备”，AngularJS需要‘原始’模板，并在客户端执行操作。因此，查看view source不会显示angularjs如何操作模板，您可以使用开发人员工具查看它。