<!DOCTYPE html>
<html ng-app="App">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body ng-controller="Democtrl">
<div>
<a href="#/aaa1">首页</a>
<a href="#/bbb">个人</a>
<a href="#/ccc">我的</a>
</div>
<div ng-view></div>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="https://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
<script>
var App = angular.module("App",["ngRoute"]);
App.config(["$routeProvider",function($routeProvider){
$routeProvider.when("/aaa1",{template:'<p>aaaaaaa</p>{
{result}}'})
.when("/bbb",{template:'&l
jQuery 简单路由
最新推荐文章于 2024-07-19 10:53:44 发布
这篇博客通过一个简单的HTML示例展示了如何利用AngularJS的ngRoute模块实现页面路由功能。内容包括设置链接、定义路由配置以及控制器数据绑定,实现不同路由对应不同视图的切换。
摘要由CSDN通过智能技术生成