Question

我试图在ui-router中将状态从state1传递到state2。

在这里查看了关于这个主题的大部分问题，但不幸的是无法理解它。

这是我的主要代码和$ stateProvider：

myApp.config(function($stateProvider, $urlRouterProvider) {
  //
  // For any unmatched url, redirect to /state1
  $urlRouterProvider.otherwise("/state1");
  //
  // Now set up the states
  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "state1.html"
    })
        .state('state2', {
      url: "/state2",
      templateUrl: "state2.html"
    })

});

Here是我为测试它而创建的一个东西。

我该怎么做才能让它发挥作用？感谢

Answer 1

类似这样的事情

myApp.config(function($stateProvider, $urlRouterProvider) {
  //
  // For any unmatched url, redirect to /state1
  $urlRouterProvider.otherwise("/state1");
  //
  // Now set up the states
  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "state1.html"
    })
        .state('state2', {
      url: "/state2/:id",
      templateUrl: "state2.html"
    })

});

或

 myApp.config(function($stateProvider, $urlRouterProvider) {
      //
      // For any unmatched url, redirect to /state1
      $urlRouterProvider.otherwise("/state1");
      //
      // Now set up the states
      $stateProvider
        .state('state1', {
          url: "/state1",
          templateUrl: "state1.html"
        })
            .state('state2', {
          url: "/state2",
          templateUrl: "state2.html",
          params: {id: ""}
        })

    });

然后是ui-serf

<a ui-sref="state2({id:'value'})">Send param and go to page 2</a>

名称（id）必须相等

Angular ui-router：在状态之间传递参数

1 个答案: