Angular中使用类型和接口如何保证JSON object结构？

Question

I have a couple of modules and components in my angular project. I have created a router config file for easy handling of routing and it contains JSON data as follows.

router.config.ts

 {
   branch:{
     list:'/app/branch/list',
     add:'/app/branch/add'
   },
   books:{
      publish:'/app/books/publish',
      manage:'/app/books/manage'
   }
 }

So based on configuration, the routing would be easy.

<a routerLink="branch.list">
  Branch list
</a>

<a routerLink="books.publish">
  Publish book
</a>

I want to validate the router config objects. How do I validate that by using interface and type ?

Answer 1

interface Route {
    [key: string]:
    { [key: string]: string }
}

const Routes :Route[] = [
{
    branch:{
      list:'/app/branch/list',
      add:'/app/branch/add'
    },
    books:{
       publish:'/app/books/publish',
       manage:'/app/books/manage'
    }
  }
];

Answer 2

define router Item like this:

interface RouterItem {
  list: string;
  add: string;
}

and this function for instance validation:

function isInstanceOfRouterItem(obj: any){
  return 'list' in obj && 'add' in obj;
}