AngularJS ng-include

简介:

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
< html  lang = "en"  ng-app = "single_view" >
< head >
   < script  src = "../jslib/angular.js" ></ script >
   < script  src = "../jslib/angular-route.js" ></ script >
    < script  src = "app.js" ></ script >
</ head >
< body >
 
     < h4 >below is the a page informaiton</ h4 >
     < div  ng-include = "'view/a.html'" ></ div >
 
 
     < h4 >below is the b page informaiton</ h4 >
     < div  ng-include = "'view/b.html'" ></ div >
 
</ body >
</ html >


app.js

1
angular.module( 'single_view' , []);


view/a.html

1
A page ...


view/b.html

1
B page ...

:<div ng-include="'view/b.html'"></div> 要加单引号



 本文转自 antlove 51CTO博客,原文链接:http://blog.51cto.com/antlove/1658003

相关文章
|
9月前
|
JavaScript 前端开发
AngularJS ng-if使用方法详解
AngularJS ng-if使用方法详解
128 1
|
9月前
|
JavaScript
AngularJS ng-if使用
AngularJS ng-if使用
angular8-本地运行ng文档
angular8-本地运行ng文档
94 0
angular8-本地运行ng文档
|
缓存 前端开发 JavaScript
Angular 结合 NG-ZORRO 快速开发
连更的这几天的文章,我们已经了解了不少 angular 的知识点了,这次我们来个小成品。 angualr 结合 ng-zorro 快速且规范的开发一个后台系统。
Angular 结合 NG-ZORRO 快速开发
|
JavaScript
Angular ng-template元素的学习笔记
Angular ng-template元素的学习笔记
127 0
Angular ng-template元素的学习笔记
|
JavaScript
关于Angular directive使用的语法问题
前者用于控制或者改变 DOM,后者控制已有 elements 的外观或者行为。
关于Angular directive使用的语法问题
|
JavaScript 前端开发 .NET