W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script> <script src="https://cdn.staticfile.net/angular.js/1.6.9/angular-route.js"></script> <body ng-app="myApp"> <p><a href="#/!">主页</a></p> <a href="#!banana">香蕉</a> <a href="#!tomato">番茄</a> <p>点击链接以更改内容。</p> <p>使用“otherwise”方法定义当没有链接被点击时要显示的内容。</p> <div ng-view></div> <script> var app = angular.module("myApp", ["ngRoute"]); app.config(function($routeProvider) { $routeProvider .when("/banana", { template : "<h1>香蕉</h1><p>香蕉含有约75%的水分。</p>" }) .when("/tomato", { template : "<h1>番茄</h1><p>番茄含有约95%的水分。</p>" }) .otherwise({ template : "<h1>无</h1><p>未选择任何内容</p>" }); }); </script> </body> </html>