हम उपयोग कर सकते हैं params, नई यूआई-रूटर की सुविधा:
एपीआई संदर्भ / ui.router.state / $ stateProvider
paramsएक नक्शा जो वैकल्पिक रूप से यूआरएल में घोषित मापदंडों को कॉन्फ़िगर करता है, या अतिरिक्त गैर-यूआरएल मापदंडों को परिभाषित करता है। प्रत्येक पैरामीटर को कॉन्फ़िगर किया जा रहा है, पैरामीटर के नाम के लिए एक कॉन्फ़िगरेशन ऑब्जेक्ट जोड़ें।
भाग देखें: " ... या अतिरिक्त गैर-यूआरएल मापदंडों को परिभाषित करता है ... "
तो राज्य की अवहेलना होगी:
$stateProvider
.state('home', {
url: "/home",
templateUrl: 'tpl.html',
params: { hiddenOne: null, }
})
कुछ उदाहरण ऊपर उल्लिखित दस्तावेज़ का निर्माण करते हैं :
// define a parameter's default value
params: {
param1: { value: "defaultValue" }
}
// shorthand default values
params: {
param1: "defaultValue",
param2: "param2Default"
}
// param will be array []
params: {
param1: { array: true }
}
// handling the default value in url:
params: {
param1: {
value: "defaultId",
squash: true
} }
// squash "defaultValue" to "~"
params: {
param1: {
value: "defaultValue",
squash: "~"
} }
EXTEND - काम करने का उदाहरण: http://plnkr.co/edit/inFhDmP42AQyeUBmyIVl?p=info
यहाँ एक राज्य की परिभाषा का एक उदाहरण दिया गया है:
$stateProvider
.state('home', {
url: "/home",
params : { veryLongParamHome: null, },
...
})
.state('parent', {
url: "/parent",
params : { veryLongParamParent: null, },
...
})
.state('parent.child', {
url: "/child",
params : { veryLongParamChild: null, },
...
})
यह ui-sref का उपयोग करके कॉल हो सकता है:
<a ui-sref="home({veryLongParamHome:'Home--f8d218ae-d998-4aa4-94ee-f27144a21238'
})">home</a>
<a ui-sref="parent({
veryLongParamParent:'Parent--2852f22c-dc85-41af-9064-d365bc4fc822'
})">parent</a>
<a ui-sref="parent.child({
veryLongParamParent:'Parent--0b2a585f-fcef-4462-b656-544e4575fca5',
veryLongParamChild:'Child--f8d218ae-d998-4aa4-94ee-f27144a61238'
})">parent.child</a>
यहां उदाहरण देखें