微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs路由传值$routeParams详解

AngularJS利用路由传值,供大家参考,具体内容如下 

1.导包

rush:xhtml;">

2.依赖注入ngRoute

rush:js;"> var myapp=angular.module("myapp",["ngRoute"]);

3.配置路由

rush:js;"> myapp.config(function ($routeProvider) { //页面选择 $routeProvider.when("/home",{ // template:"

这是主页面

" templateUrl:"home.html" }).when("/about",{ // template:"

这是关于我们的信息

" templateUrl:"about.html" }).when("/cel",{ // template:"

请联系我们

" templateUrl:"cel.html",// controller:"celCtrl" }).when("/cel/:sub",{//传参数 templateUrl:"cel.html",controller:"celCtrl" }) });

4.写cel的控制器

rush:js;"> myapp.controller("celCtrl",function ($scope,$routeParams) { //根据传过来的参数给输入框赋值 var param = $routeParams["sub"]; if(param=="a"){ $scope.mname="我想提建议..."; }else if(param=="b"){ $scope.mname="我想购买..." } });

5.通过about页面传值给cel页面

rush:xhtml;">

About页面

修改cel页面的输入框的值

rush:xhtml;">

显示页面

最后是页面布局

rush:xhtml;">

我的站点

看看效果:

内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文地址:https://www.jb51.cc/js/36349.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐