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

相关文章
|
4月前
|
容器
angular之ng-template
angular之ng-template
|
JavaScript 前端开发
AngularJS ng-if使用方法详解
AngularJS ng-if使用方法详解
197 1
|
JavaScript
AngularJS ng-if使用
AngularJS ng-if使用
|
资源调度
angular使用ngx-vant组件库
angular使用ngx-vant组件库
|
前端开发
angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap
转载自  http://www.ngui.cc/index.html angular 使用bootstrap ngx-bootstrap  文档地址  http://ngx-bootstrap.
1058 0
|
前端开发
Angular开发 使用 ngx-bootstrap作为样式库
ngx-bootstrap里面可以复制你想要的样式组件,官方有介绍怎么使用,不过本人稍微修改了下 使用ngx-bootstrap的步骤 1、npm install ngx-bootstrap –save 2、npm install bootstarap –save-dev 3、在angular-cli.
1711 0
|
JavaScript 前端开发 .NET
|
JavaScript 前端开发
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等