哈,好久不用AngularJS
查看源码得知,https://cdn.bootcss.com/angular-ui-router/1.0.20/angular-ui-router.js
在老版本上也可以用,例如0.2.15版本,附送demo一只~
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>angular-demo</title>
</head>
<body>
<ui-view />
<!-- <script src="./lib/angular.min.js"></script> -->
<!-- <script src="./lib/angular-ui-router.min.js"></script> -->
<script src="//apps.bdimg.com/libs/angular.js/1.3.13/angular.min.js?ver=96"></script>
<script src="//apps.bdimg.com/libs/angular-ui-router/0.2.15/angular-ui-router.min.js?ver=96"></script>
<script>
const app = angular.module('app', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/student');
$stateProvider
.state('student', {
url: '/student?id&name&age&sex',
template: '<button ng-click="search()">加载参数</button><button ng-click="clean()">清除参数</button>',
controller: function($scope, $state) {
$scope.search = function() {
$state.go('.', {
id: 111,
name: 222,
age: 333,
sex: 444,
});
};
$scope.clean = function() {
$state.go('.', {
id: 333
}, {
inherit: false
});
};
},
})
});
</script>
</body>
</html>