AngularJS ng-include

index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<code>&lt;</code><code>html</code> <code>lang</code><code>=</code><code>"en"</code> <code>ng-app</code><code>=</code><code>"single_view"</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"../jslib/angular.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"../jslib/angular-route.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>   </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"app.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>h4</code><code>&gt;below is the a page informaiton&lt;/</code><code>h4</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>div</code> <code>ng-include</code><code>=</code><code>"'view/a.html'"</code><code>&gt;&lt;/</code><code>div</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>h4</code><code>&gt;below is the b page informaiton&lt;/</code><code>h4</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>div</code> <code>ng-include</code><code>=</code><code>"'view/b.html'"</code><code>&gt;&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

app.js

<code>angular.module(</code><code>'single_view'</code><code>, []);</code>

view/a.html

<code>A page ...</code>

view/b.html

<code>B page ...</code>

注:&lt;div ng-include="'view/b.html'"&gt;&lt;/div&gt; 要加單引号

 本文轉自 antlove 51CTO部落格，原文連結:http://blog.51cto.com/antlove/1658003