angular配置路由超级简单,分为以下三个步骤:
- 在html里写超链接标签,可以使用ui-sref框架,给跳转的页起名字,超链接标签里写好要跳转的链接。如下所示:
<a ui-sref=".queryTVTime" class="font-bold no-underline cursor-default"> <i class="glyphicon glyphicon-blackboard"></i> 开关机时间 </a>
- 在app.js中,定义路由,加一个.state即可,具体如下所示:
这里的url为在网址上的锚点,templateUrl为跳转页的html文件的位置.state('app.queryTVTime', { url: '/queryTVTime', templateUrl: 'pages/queryTVTime.html' })
- 在相应的templateUrl中的位置上写想要的html即可。