📜  AngularJS | ng-include指令

📅  最后修改于: 2021-05-13 18:57:47             🧑  作者: Mango

AngularJS具有内置指令,可以使用ng-include指令包含其他AngularJS文件的功能。 “ ng-include指令”的主要目的是用于在AngularJS主控件中获取,编译和包括外部HTML文件。这些作为子节点添加到主应用程序中。 ng-include属性的值也可以是一个表达式,该表达式返回文件名。所有HTML元素都支持此功能。

句法:


Content...

注意:这里的onload和autoscroll参数是可选的,onload定义一个表达式以评估何时加载包含的文件,而autoscroll定义包含的部分是否应该能够滚动到特定的视图。

    范例:1
  • 外部HTML文件:将此文件另存为child.html
    
    

    Hello Geeks from include component.

  • 代码:
     
     
      
     
        AngularJS | ng-include Directive 
         
     
      
     
         

    GeeksforGeeks

           

    ng-include Directive

                                       
                            
  • 输出:
    范例2:
  • 外部HTML文件:将此文件另存为table.html。
    
    
      
        
        
      
    {{ Subject.Name }}{{ Subject.Description }}
  • 代码:
    
    
    
        
        
        
        AngularJS | ng-include Directive
          
    
    
        
            

    GeeksforGeeks

             

    ng-include Directive

            
                
            
          
  • 输出: