1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app"> 3 <head> 4 <title></title> 5 <base href="https://www.jb51.net/" /> 6 </head> 7 <body> 8 <header> 9 <h2>这是头部</h2>10 </header>11 <content>12 <div ng-view></div>13 </content>14 <footer>15 <h3>这是底部</h3>16 </footer>17 </body>18 </html>19 <script src="https://www.jb51.net/scripts/angular/angular.min.js"></script>20 <script src="https://www.jb51.net/scripts/angular-route/angular-route.min.js"></script>21 <script src="https://www.jb51.net/scripts/app.js"></script>
这样，在浏览器上输入：:2987/detail回车就会看到我们想要的结果，截图如下：
遗留问题：为什么添加<base href="https://www.jb51.net/" />标签就能成功了呢？这个问题还要请教一下广大的博友们。
对于上述有内容，如有哪写得不对的，尽情吐槽！！！
以上就是小编为大家带来的AngularJS 路由和模板实例及路由地址简化方法(必看)全部内容了，希望大家多多支持脚本之家~
您可能感兴趣的文章: