访问自定义数据中的参数

我使用自定义数据向我的状态添加人类可读的名称，如下所示：

.state('data', {
  parent: 'week',
  url: '/data',
  displayName: 'Data Overview',

然后我可以在模板中使用它，如下所示：

<h1>Showing {{$state.current.displayName}}</h1>

这很好。但现在我想创建一个带有参数的路由，并在 displayName 中使用该参数：

.state('upload', {
  parent: 'week',
  url: '/upload/:level',
  displayName: 'Data Upload for ' + level,
  ...

但我无法找出使用访问值的正确语法level在 - 的里面displayName.

The static data （建议放置在data : {}- 不要直接在根状态设置） - are static数据。所以：

有NO方式如何动态设置这些数据。例如。基于$stateParams。这些设置预计将在.config()阶段，未评估.run()（与已解决的其他内容相比，templateUrl...）

请参阅文档：

将自定义数据附加到状态对象

您可以将自定义数据附加到状态对象（我们建议使用 数据属性以避免冲突）。

// Example shows an object-based state and a string-based state
var contacts = { 
    name: 'contacts',
    templateUrl: 'contacts.html',
    data: {
        customData1: 5,
        customData2: "blue"
    }  
}
$stateProvider
  .state(contacts)
  .state('contacts.list', {
    templateUrl: 'contacts.list.html',
    data: {
        customData1: 44,
        customData2: "red"
    } 
  })

通过上面的示例，您可以像这样访问数据：

function Ctrl($state){
    console.log($state.current.data.customData1) // outputs 5;
    console.log($state.current.data.customData2) // outputs "blue";
}