使用 AngularJS 的路由和模板實現單頁應用 (Single Page)

目錄結構

index.html

 

script.js

 

<!-- home.html -->

<div class="jumbotron text-center">

　　 <h1>Home Page</h1>

　　 <p>{{ message }}</p>

</div>

 

<!-- about.html -->

<div class="jumbotron text-center">

　　 <h1>About Page</h1>

　　<p>{{ message }}</p>

</div>

 

<!-- contact.html -->

<div class="jumbotron text-center">

　　 <h1>Contact Page</h1>

　　 <p>{{ message }}</p>

</div>

 

原文來自https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating