angular的ui-router, 公共视图的路由怎么写啊

Question

现在有header和footer两个公共视图，现在的做法是每个路由state里都引入这两个视图， 很傻的做法， 请问有好的解决方案吗

Answer 1

$stateProvider
      .state('host', {
        abstract: true,
        template: '<header /><ui-view/> <footer/>'
      })
      .state('sub', {
        parent: 'host'
        templateUrl: 'xxxxx'
      })

用abstract和parent

Answer 2

写成静态的就好