javascript - 如何使用 $stateParams 将字符串传递到另一个页面？

Question

我使用的是 angular 1.5.x 和 babel。我想在第一页传递一个字符串，然后在第二页显示它。我有这两种状态:

第一状态

.state('outside'{
 url:'/outside',
 templateUrl: 'outside.html',
 controller: 'outsideCtrl'
})

第二状态

.state('inside',
 url:'/inside/:building',
 templateUrl: 'inside.html',
 controller: 'insideCtrl'
})

我的第二个 Controller 看起来像这样。

constructor($stateParams) {
   this.Building : $stateParams.building;
}

第一个 html

<a ui-sref="inside ({building: 'castle'})"> castle </a>
<a ui-sref="inside ({building: 'blacksmith'})"> castle </a>

第二个 html

<p>Okay, now you are in a {{insideCtrl.Building}} </p>

我还是弄错了，因为建筑物是未定义的，还有可能传递一个字符串吗？谢谢

Answer 1

你可以这样做。

在您的状态中添加 param 属性。

.state('inside',
 url:'/inside',
 templateUrl: 'inside.html',
 controller: 'insideCtrl',
 params: {
           building: ""
        }
})

在 html 中，像下面这样更改 ui-sref

ui-sref="inside({building : yourstringvaluevariable})"

在第二个 Controller 中接收这样的参数。

var newBuilding = $state.params.building;