📌  相关文章
📜  AngularJS-包含

📅  最后修改于: 2020-10-27 02:51:53             🧑  作者: Mango

HTML不支持将HTML页面嵌入HTML页面。要实现此功能，我们可以使用以下选项之一-

  • 使用Ajax-进行服务器调用以获取相应的HTML页面并将其设置在HTML控件的innerHTML中。

  • 使用服务器端包含-JSP，PHP和其他Web端服务器技术可以在动态页面中包含HTML页面。

使用AngularJS，我们可以使用ng-include指令将HTML页面嵌入HTML页面中。

例

tryAngularJS.htm

现场演示
Angular JS Includes
      
      
      
   
   
   
      
AngularJS Sample Application

htm


   

      Enter first name:
      
   

   
   

      Enter last name: 
      
   

   
   

      Name: 
      {{student.fullName()}}

subject.htm

Subjects:



   

      Name
      Marks
   

   
   

      {{ subject.name }}
      {{ subject.marks }}

输出

为了执行这个例子中，你需要testAngularJS.htm，main.htm中，并subjects.htm部署到Web服务器。在网络浏览器中使用服务器的URL打开文件testAngularJS.htm ，然后查看结果。