Webix with angular 7 router-outlet html tag not working inside in ts file

Hi,
i have problem while using router-outlet tag inside in ts file…if am using html mean its working fine…why i cant use in ts file here my code :-

 cols: [
    {
        view: "sidebar",
        width: 250,
        data: [{
            id: "dashboard", icon: "mdi mdi-view-dashboard", value: "DashBoard",
        },
        {
            id: "datatable", icon: "mdi mdi-view-column", value: "DataTable"
        },
        {
            id: "dataview", icon: "mdi mdi-calendar", value: "Data View"
        },
        {
            id: "treetable", icon: "mdi mdi-pencil", value: "Tree Table"
        },
        {
            id: "kanban", icon: "mdi mdi-book", value: "Kanban"
        },
        {
            id: "spreadsheet", icon: "mdi mdi-file", value: "SpreadSheet"
        }],
        multiview: true,
        click: function(id){
            if (id == 'spreadsheet') {
                me.navigate('user')
            } else if (id == 'dashboard') {
                me.navigate('dashboard')
            }
        },
    },
    {
        template: `<router-outlet ></router-outlet>`
    },
]


 navigate(page) {
        this.router.navigate(['/' + page])
     }