本文整理匯總了TypeScript中core/navigation.StateConfigProvider.addToRootState方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript StateConfigProvider.addToRootState方法的具體用法？TypeScript StateConfigProvider.addToRootState怎麽用？TypeScript StateConfigProvider.addToRootState使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類core/navigation.StateConfigProvider的用法示例。
在下文中一共展示了StateConfigProvider.addToRootState方法的5個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1:
(stateConfigProvider: StateConfigProvider) => {
const pipelineTemplateDetail: INestedState = {
name: 'pipeline-templates-detail',
url: '/:templateId',
data: {
pageTitleMain: {
label: 'Pipeline Templates',
},
},
};
const pipelineTemplatesList: INestedState = {
name: 'pipeline-templates',
url: '/pipeline-templates',
views: {
'main@': {
component: PipelineTemplatesV2,
$type: 'react',
},
},
data: {
pageTitleMain: {
label: 'Pipeline Templates',
},
},
children: [pipelineTemplateDetail],
};
if (SETTINGS.feature.managedPipelineTemplatesV2UI) {
stateConfigProvider.addToRootState(pipelineTemplatesList);
}
},示例2:
(stateConfigProvider: StateConfigProvider) => {
const pageState: INestedState = {
url: '/page?app&q&keys&by&direction&hideNoApps',
name: 'page',
views: {
'main@': { component: Pager, $type: 'react' },
},
params: {
app: {
dynamic: true,
type: 'string',
value: '',
squash: true,
},
q: {
dynamic: true,
type: 'string',
value: '',
squash: true,
},
hideNoApps: {
dynamic: true,
type: 'boolean',
value: false,
squash: true,
},
keys: {
dynamic: true,
value: [],
squash: true,
array: true,
},
by: {
dynamic: true,
type: 'string',
value: 'service',
squash: true,
},
direction: {
dynamic: true,
type: 'string',
value: 'ASC',
squash: true,
},
},
data: {
pageTitleSection: {
title: 'Pager',
},
},
};
stateConfigProvider.addToRootState(pageState);
},示例3: require
//.........這裏部分代碼省略.........
views: {
'detail@../insight': {
component: InstanceDetails,
$type: 'react',
},
},
resolve: {
overrides: () => {
return {};
},
instance: [
'$stateParams',
($stateParams: StateParams) => {
return {
instanceId: $stateParams.instanceId,
};
},
],
},
data: {
pageTitleDetails: {
title: 'Instance Details',
nameParam: 'instanceId',
},
history: {
type: 'instances',
},
},
};
const multipleInstances: INestedState = {
name: 'multipleInstances',
url: '/multipleInstances',
views: {
'detail@../insight': {
templateUrl: require('../instance/details/multipleInstances.view.html'),
controller: 'MultipleInstancesCtrl',
controllerAs: 'vm',
},
},
data: {
pageTitleDetails: {
title: 'Multiple Instances',
},
},
};
const standaloneInstance: INestedState = {
name: 'instanceDetails',
url: '/instance/:provider/:account/:region/:instanceId',
views: {
'main@': {
templateUrl: require('../presentation/standalone.view.html'),
controllerProvider: [
'$stateParams',
($stateParams: StateParams) => {
return SkinService.getValue($stateParams.provider, $stateParams.account, 'instance.detailsController');
},
],
controllerAs: 'ctrl',
},
},
resolve: {
instance: [
'$stateParams',
($stateParams: StateParams) => {
return {
instanceId: $stateParams.instanceId,
account: $stateParams.account,
region: $stateParams.region,
noApplication: true,
};
},
],
app: [
(): Application => {
return ApplicationModelBuilder.createStandaloneApplication('(standalone instance)');
},
],
overrides: () => {
return {};
},
moniker: (): any => null,
environment: (): any => null,
},
data: {
pageTitleDetails: {
title: 'Instance Details',
nameParam: 'instanceId',
},
history: {
type: 'instances',
},
},
};
applicationStateProvider.addInsightDetailState(instanceDetails);
applicationStateProvider.addInsightDetailState(multipleInstances);
stateConfigProvider.addToRootState(standaloneInstance);
},示例4: require
//.........這裏部分代碼省略.........
},
};
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,
};
},
],
app: [
'$stateParams',
'securityGroupReader',
($stateParams: StateParams, securityGroupReader: SecurityGroupReader): ng.IPromise<Application> => {
// we need the application to have a firewall index (so rules get attached and linked properly)
// and its name should just be the name of the firewall (so cloning works as expected)
return securityGroupReader.loadSecurityGroups().then(securityGroupsIndex => {
const application: Application = ApplicationModelBuilder.createStandaloneApplication($stateParams.name);
application['securityGroupsIndex'] = securityGroupsIndex; // TODO: refactor the securityGroupsIndex out
return application;
});
},
],
},
data: {
pageTitleDetails: {
title: `${FirewallLabels.get('Firewall')} Details`,
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region',
},
history: {
type: 'securityGroups',
},
},
};
applicationStateProvider.addInsightState(securityGroupSummary);
applicationStateProvider.addInsightDetailState(firewallDetails);
stateConfigProvider.addToRootState(standaloneFirewall);
stateConfigProvider.addRewriteRule(
'/applications/{application}/securityGroups',
'/applications/{application}/firewalls',
);
stateConfigProvider.addRewriteRule(/(.+?)\/securityGroupDetails\/(.*)/, ($match: string[]) => {
return `${$match[1]}/firewallDetails/${$match[2]}`;
});
},示例5: require
//.........這裏部分代碼省略.........
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()
.then((securityGroupsIndex) => {
const application: Application = applicationModelBuilder.createStandaloneApplication($stateParams.name);
application['securityGroupsIndex'] = securityGroupsIndex; // TODO: refactor the securityGroupsIndex out
return application;
});
}]
},
data: {
pageTitleDetails: {
title: 'Security Group Details',
nameParam: 'name',
accountParam: 'accountId',
regionParam: 'region'
},
history: {
type: 'securityGroups',
},
}
};
applicationStateProvider.addInsightState(securityGroupSummary);
applicationStateProvider.addInsightDetailState(securityGroupDetails);
stateConfigProvider.addToRootState(standaloneSecurityGroup);
});