angular-單頁面跳轉/路由引數傳遞ngRoute
阿新 • • 發佈:2019-01-26
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>系統單頁面</title>
<!-- 引入核心框架檔案 -->
<script src="js/lib/AngularJS/angular.min.js"></script>
<!-- 引入Angular路由模組檔案 -->
<script src="js/lib/AngularJS/angular-route.js "></script>
</head>
<body>
<!-- 在Angular1.5之前,錨鏈接跳轉,使用#/開頭即可 -->
<!-- 在Angular1.5開始,錨鏈接跳轉,使用#!/開頭即可 -->
<ul>
<li><a href="#!/">首頁</a></li>
<li><a href="#!/login">登入</a></li>
<li><a href="#!/regist">註冊</a></li>
<li><a href="#!/shopcart">購物車</a></li>
</ul>
<!-- 指定顯示模板的位置 -->
<div ng-view></div>
<script>
var app = angular.module("myApp", ["ngRoute"]);
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>系統單頁面</title>
<!-- 引入核心框架檔案 -->
<script src="js/lib/AngularJS/angular.min.js"></script>
<!-- 引入Angular路由模組檔案 -->
<script src="js/lib/AngularJS/angular-route.js
</head>
<body>
<!-- 在Angular1.5之前,錨鏈接跳轉,使用#/開頭即可 -->
<!-- 在Angular1.5開始,錨鏈接跳轉,使用#!/開頭即可 -->
<ul>
<li><a href="#!/">首頁</a></li>
<li><a href="#!/login">登入</a></li>
<li><a href="#!/regist">註冊</a></li>
<li><a href="#!/shopcart">購物車</a></li>
</ul>
<!-- 指定顯示模板的位置 -->
<div ng-view></div>
<script>
var app = angular.module("myApp", ["ngRoute"]);