入门客AI创业平台(我带你入门，你带我飞行)
博文笔记

AngularJs之ui.router路由基本配置及传参方法

创建时间：2018-02-08 投稿人： 浏览次数：191

使用AngularJs可以方便的做出单页面应用，既然是应用，那就涉及到页面跳转的问题，使用Angularjs的路由插件可以方便的使用路由功能，而且可以传参非常容易。

代码如下：

路由插件：angular-ui-router.js。

文件：index.html

01<!DOCTYPE HTML>
02<html lang="en">
03<head>
04    <meta charset="UTF-8">
05    <title>路由测试</title>
06    <style type="text/css">
07        td{height:30px;line-height:30px;border:1px solid #ccc;text-align:center;padding:0 10px;}
08    </style>
09</head>
10<body ng-app="app">
11    <div class="nav">
12        <a ui-sref="home">首页</a>
13        <a ui-sref="list">列表页</a>
14        <a ui-sref="article">文章页</a>
15    </div>
16    <div ng-controller="ctr">
17        <a href="javascript:;" ng-click="fn("hello", "world");">点我</a>
18    </div>
19    <div ui-view></div>
20</body>
21</html>
22<script type="text/javascript" src="http://www.zymseo.com/js/angular.min.js"></script>
23<script type="text/javascript" src="http://www.zymseo.com/js/angular-ui-router.js"></script>
24<script type="text/javascript">
25    var m = angular.module("app", ["ui.router"]);
26    m.config(["$urlRouterProvider"
声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。
未上传头像

热门文章
shiro框架之OAuth2集成
最新文章
AngularJs之ui.router路由基本配...
copyright © 2008-2019 入门客AI创业平台 版权所有 备案号：湘ICP备2023012770号