ng-hub-ui-nav 22.7.2 → 22.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/fesm2022/ng-hub-ui-nav.mjs +64 -47
- package/fesm2022/ng-hub-ui-nav.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ng-hub-ui-nav.d.ts +16 -2
- package/ng-hub-ui-nav-22.7.2.tgz +0 -0
package/README.md
CHANGED
|
@@ -223,6 +223,22 @@ interface HubNavItem {
|
|
|
223
223
|
}
|
|
224
224
|
```
|
|
225
225
|
|
|
226
|
+
#### Active-route matching
|
|
227
|
+
|
|
228
|
+
An item is active on its own route **and on anything below it**, so opening a
|
|
229
|
+
record keeps its section marked: `/customers` stays active at
|
|
230
|
+
`/customers/42/edit`. Matching is by whole segments — `/products` is not marked
|
|
231
|
+
by `/products-archive` — and the query string is ignored. A root item (`/`)
|
|
232
|
+
matches only itself instead of claiming every page, and a dropdown follows its
|
|
233
|
+
children, so a section stays legible while its entries are collapsed.
|
|
234
|
+
|
|
235
|
+
Set `routerLinkActiveOptions: { exact: true }` on an item that should only be
|
|
236
|
+
marked on its exact route:
|
|
237
|
+
|
|
238
|
+
```typescript
|
|
239
|
+
{ id: 'home', label: 'Home', type: 'link', route: '/', routerLinkActiveOptions: { exact: true } }
|
|
240
|
+
```
|
|
241
|
+
|
|
226
242
|
### Directives
|
|
227
243
|
|
|
228
244
|
- `hubNavStart`: projects content into the start slot.
|