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

Question

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

Answer 1

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