📜  ng-if和data-ng-if指令有什么区别?

📅  最后修改于: 2021-05-13 20:19:50             🧑  作者: Mango

ng-if是AngularJS中的指令,用于在表达式或变量的值为false时删除HTML元素,而ng-hide只是从DOM中隐藏HTML元素。

句法:

 Contents... 

其他选项的行为类似于ng-if在功能方面,它们之间没有区别。

  • ng:if
  • ng_if
  • x-ng-if
  • 数据ng-if

注意:最佳做法是仅使用ng-if。

这些选项之所以出现在图片中,是因为在AngularJS中,我们使用驼峰式大小写来引用指令(例如:ngIf),但是在HTML中使用时,由于HTML不区分大小写,因此我们使用了以短划线分隔的形式(例如:ng -if)或上面列表中提到的其他定界符。因此,AngularJS将元素的标记归一化(这意味着它将定界符形式转换为驼峰格式。)并找出该元素属于哪个指令。

示例1:本示例使用“ data-ng-if”指令。



  

    
        What is the difference between ng-if
        and data-ng-if directives ?
    
      
    

  

    
        

            GeeksforGeeks         

                       
            

                This will disappear if the value of                 input var1 is set to false and will                  appear again when true             

        
    
  

输出:

示例2:本示例使用“ ng-if”指令。



  

    
        What is the difference between ng-if
        and data-ng-if directives ?
    
      
    

  

    
        

            GeeksforGeeks         

                       
            

                This will disappear if the value of                 input var1 is set to false and will                  appear again when true             

        
    
  

输出: