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

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
            
        
    

  

输出：