将参数传递给Angular应用程序状态

时间:2015-09-28 06:52:08

标签: angularjs yeoman yeoman-generator-angular angular-fullstack

我已经制作了yoman angular fullstack应用程序设置。

我在应用程序中使用了ui.router。

我已将状态参数定义为

.state('tour', {
    url: '/tour',
    templateUrl: 'app/tour/tour.html',
    controller: 'tourCtrl',
    params : {tourName: null, },
  })

我能够在应用程序中将参数传递给此状态。

当我的应用程序转到外部链接时。

我想通过一些参数回到我的角度应用程序状态之一。那怎么能这样做?

请帮我这样做..谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用stateParams传递参数并维护状态,然后在URL中维护它们。为了您的理解,我添加了一个插件:

http://plnkr.co/edit/SDOcGS?p=preview

每当您导航到Route1选项卡时,请观察控制台,然后观察代码:

    .state('route1', {
        url: "/route1/:place",
        params: {
          place: null
        },
        views: {
            "viewA": {
                template: "route1.viewA"
            },
            "viewB": {
                template: "route1.viewB"
            }
        },
        resolve :{
          place: function($stateParams){
            console.log($stateParams);
            console.log("url", window.location);
            return $stateParams.place;
          }
        }
    })

在localhost上试试这个。它将在localhost或托管的任何地方以相同的方式工作。