前端开发

 首页 > 前端开发 > AngularJS > 使用AngularJS来实现HTML页面嵌套的方法_AngularJS_自

使用AngularJS来实现HTML页面嵌套的方法_AngularJS_自

分享到:
【字体:
导读:
          这篇文章主要介绍了使用AngularJS来实现HTML页面嵌套的方法,主要用到了AngularJS中的ng-include指令,需要的朋友可以参考下...

 HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式:

  •     使用Ajax - 让一台服务器来调用获取相应的HTML页面,并将其设置在HTML控件的innerHTML。
  •     使用服务器端包含 - JSP,PHP等Web端服务器技术可以在包括动态页面中的HTML页面。

使用AngularJS,我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。

例子
tryAngularJS.html



Angular JS Includes



AngularJS Sample Application

main.html

Enter first name:
Enter last name:
Name: {{student.fullName()}}

subjects.html

Subjects:

Name Marks
{{ subject.name }} {{ subject.marks }}

输出

要运行这个例子,需要部署textAngularJS.html,main.html和subjects.html 到一个网络服务器。使用服务器URL在Web浏览器中打开textAngularJS.html。看到结果。

2015617101955979.jpg?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0 (560×470)

分享到:
在AngularJS中使用AJAX的方法_AngularJS_...
AngularJS提供$http控制,可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好,$http可以用以下面的方式从服务器得到数据。 function studentController($scope,$http) { var url="data.txt"; $http.get(url).success( function(response) {...
AngularJS的表单使用详解_AngularJS_自学...
 AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件,然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。事件 AngularJS提供可与HTML控件相关联的多个事件。例如ng-click通常与...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……