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