Angular路由传参

首页

<!DOCTYPE html> 
<html ng-app="app"> 
<head> 
<title>路由传参</title> 
 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="this is my page"> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.min.css" rel="external nofollow" type="text/css"></link> 
</head> 
<body> 
<div class="container"> 
  <nav class="navbar navbar-default" role="navigation"> 
  <div class="container-fluid"> 
  <div class="navbar-header"> 
    <a class="navbar-brand" href="#" rel="external nofollow" >柳絮飞祭奠</a> 
  </div> 
  </div> 
</nav> 
</div> 
<div ng-click="go()" ng-controller="state_go_controller"> 
    $state.go传参数</div> 
 <a ui-sref="param({index:'123'})">传参数</a> 
 
<div ui-view></div> 
</body> 
<script type="text/javascript" src="/UploadFiles/2021-04-02/angular.min-1.4.6.js">

跳转页

<div ng-controller="view1_controller"></div> 


 接收参数 
 </body> 

运行

点击跳转就可以看到alert的参数。

以上就是AngularJS ui-view传参的实例详解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

标签:
AngularJS,中ui-view传参,AngularJS,路由传参的实例

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“AngularJS 中ui-view传参的实例详解”

暂无“AngularJS 中ui-view传参的实例详解”评论...