本文整理汇总了TypeScript中core/navigation.StateConfigProvider.buildDynamicParams方法的典型用法代码示例。如果您正苦于以下问题：TypeScript StateConfigProvider.buildDynamicParams方法的具体用法？TypeScript StateConfigProvider.buildDynamicParams怎么用？TypeScript StateConfigProvider.buildDynamicParams使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类core/navigation.StateConfigProvider的用法示例。
在下文中一共展示了StateConfigProvider.buildDynamicParams方法的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: require
(applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const firewallDetails: INestedState = {
name: 'firewallDetails',
url: '/firewallDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'detail@../insight': {
component: SecurityGroupDetails,
$type: 'react',
},
},
resolve: {
accountId: ['$stateParams', ($stateParams: StateParams) => $stateParams.accountId],
resolvedSecurityGroup: [
'$stateParams',
($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
provider: $stateParams.provider,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
},
],
},
data: {
pageTitleDetails: {
title: `${FirewallLabels.get('Firewall')} Details`,
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region',
},
history: {
type: 'securityGroups',
},
},
};
const securityGroupSummary: INestedState = {
url: `/firewalls?${stateConfigProvider.paramsToQuery(filterModelConfig)}`,
name: 'firewalls',
views: {
nav: {
template: '<security-group-filter app="$resolve.app"></security-group-filter>',
},
master: {
templateUrl: require('../securityGroup/all.html'),
controller: 'AllSecurityGroupsCtrl',
controllerAs: 'ctrl',
},
},
params: stateConfigProvider.buildDynamicParams(filterModelConfig),
data: {
pageTitleSection: {
title: FirewallLabels.get('Firewalls'),
},
},
};
const standaloneFirewall: INestedState = {
name: 'firewallDetails',
url: '/firewallDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'main@': {
templateUrl: require('../presentation/standalone.view.html'),
controllerProvider: [
'$stateParams',
($stateParams: StateParams) => {
return SkinService.getValue(
$stateParams.provider,
$stateParams.accountId,
'securityGroup.detailsController',
);
},
],
controllerAs: 'ctrl',
},
},
resolve: {
resolvedSecurityGroup: [
'$stateParams',
($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
provider: $stateParams.provider,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
//.........这里部分代码省略.........
示例2:
(applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const loadBalancerDetails: INestedState = {
name: 'loadBalancerDetails',
url: '/loadBalancerDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'detail@../insight': {
component: LoadBalancerDetails,
$type: 'react',
},
},
resolve: {
accountId: ['$stateParams', ($stateParams: StateParams) => $stateParams.accountId],
loadBalancer: [
'$stateParams',
($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
},
],
},
data: {
pageTitleDetails: {
title: 'Load Balancer Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region',
},
history: {
type: 'loadBalancers',
},
},
};
const loadBalancers: INestedState = {
url: `/loadBalancers?${stateConfigProvider.paramsToQuery(filterModelConfig)}`,
name: 'loadBalancers',
views: {
nav: { component: LoadBalancerFilters, $type: 'react' },
master: { component: LoadBalancers, $type: 'react' },
},
params: stateConfigProvider.buildDynamicParams(filterModelConfig),
data: {
pageTitleSection: {
title: 'Load Balancers',
},
},
children: [],
};
applicationStateProvider.addInsightState(loadBalancers);
applicationStateProvider.addInsightDetailState(loadBalancerDetails);
},示例3: require
]).config((applicationStateProvider: ApplicationStateProvider, stateConfigProvider: StateConfigProvider) => {
const securityGroupDetails: INestedState = {
name: 'securityGroupDetails',
url: '/securityGroupDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'detail@../insight': {
component: SecurityGroupDetails,
$type: 'react',
}
},
resolve: {
accountId: ['$stateParams', ($stateParams: StateParams) => $stateParams.accountId],
resolvedSecurityGroup: ['$stateParams', ($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
provider: $stateParams.provider,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
}]
},
data: {
pageTitleDetails: {
title: 'Security Group Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'securityGroups',
},
}
};
const securityGroupSummary: INestedState = {
url: `/securityGroups?${stateConfigProvider.paramsToQuery(filterModelConfig)}`,
name: 'securityGroups',
views: {
'nav': {
template: '<security-group-filter app="$resolve.app"></security-group-filter>',
},
'master': {
templateUrl: require('../securityGroup/all.html'),
controller: 'AllSecurityGroupsCtrl',
controllerAs: 'ctrl'
}
},
params: stateConfigProvider.buildDynamicParams(filterModelConfig),
data: {
pageTitleSection: {
title: 'Security Groups'
}
}
};
const standaloneSecurityGroup: INestedState = {
name: 'securityGroupDetails',
url: '/securityGroupDetails/:provider/:accountId/:region/:vpcId/:name',
params: {
vpcId: {
value: null,
squash: true,
},
},
views: {
'main@': {
templateUrl: require('../presentation/standalone.view.html'),
controllerProvider: ['$stateParams', 'versionedCloudProviderService',
($stateParams: StateParams,
versionedCloudProviderService: VersionedCloudProviderService) => {
return versionedCloudProviderService.getValue($stateParams.provider, $stateParams.accountId, 'securityGroup.detailsController');
}],
controllerAs: 'ctrl'
}
},
resolve: {
resolvedSecurityGroup: ['$stateParams', ($stateParams: StateParams) => {
return {
name: $stateParams.name,
accountId: $stateParams.accountId,
provider: $stateParams.provider,
region: $stateParams.region,
vpcId: $stateParams.vpcId,
};
}],
app: ['$stateParams', 'securityGroupReader', 'applicationModelBuilder',
($stateParams: StateParams,
securityGroupReader: SecurityGroupReader,
applicationModelBuilder: ApplicationModelBuilder): ng.IPromise<Application> => {
// we need the application to have a security group index (so rules get attached and linked properly)
// and its name should just be the name of the security group (so cloning works as expected)
return securityGroupReader.loadSecurityGroups()
//.........这里部分代码省略.........