Block: RouterOutlet

A RouterOutlet block for configuring an outlet into which frames can be inserted.

Overview

The RouterOutlet block is used for configuring an outlet into which frames can be inserted. In this way, a hierarchical structure of nested frames can be defined. Note that each frame should typically only contain at most a single RouterOutlet block.

The frame that is inserted into a router outlet is define by the router defined in the Solution object.

Example

Below is an example configuration.

kind: Solution
version: v0
router:
  kind: Router
  routes:
    - frame: home-frame
      children:
        - frame: sub-frame1 # route is /home-frame/sub-frame1
        - frame: sub-frame2 # route is /home-frame/sub-frame2
frames:
  home-frame:
    kind: Frame
    contents:
      my-button1:
        kind: Button
        text: Go to sub frame 1
        routerLink: /home-frame/sub-frame1
      my-button2:
        kind: Button
        text: Go to sub frame 2
        routerLink: /home-frame/sub-frame2
      my-outlet:
        kind: RouterOutlet # contains children frames
  sub-frame1:
    kind: Frame
    contents:
      text1:
        kind: Text
        text: This is sub-frame 1
        type: display-1
  sub-frame2:
    kind: Frame
    contents:
      text1:
        kind: Text
        text: This is sub-frame 2
        type: display-1

RouterOutletConfig

Name Type Required Description
kind "RouterOutlet" Yes