AngularJS,ui-router快速清除url引數
阿新 • • 發佈:2018-11-07
哈,好久不用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>