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

Question

我已经制作了 yoman angular 全栈应用设置。

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

我已将状态参数定义为

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

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

当我的应用程序转到外部 link。

我想使用一些参数返回我的 angular 应用程序的状态之一。那我该怎么做呢？？

请帮助我做到这一点..谢谢

Answer 1

您可以使用stateParams 传递参数和维护状态，然后在URL 中维护它们。为了您的理解，我添加了一个plunk：

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;
          }
        }
    })

在本地主机上试试这个。它在本地主机或其托管的任何地方都以相同的方式工作。

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

passing parameter to Angular application state

angularjs

yeoman

yeoman-generator-angular

angular-fullstack