Angular中不同国家的相同观点

Question

使用包含在不同状态但不位于页面上相同位置的相同视图的最有棱角的方法是什么。 例如，如果我有：

app.config( function( $stateProvider, $urlRouterProvider) {
    $stateProvider
           .state({
                  name : 'view1'   ,
                  url: '/'         ,
                  views:{
                       'view1_child1' : {templateUrl : "../src/template1.html  },
                       'view1_child2' : {templateUrl : "../src/template2.html  },
                         }
                })
           .state({
                  name : 'view2' ,
                  url: '/index.html'       ,
                  views:{
                       'view2_child3' : {templateUrl : "../src/template3.html  },
                       'view2_child4' : {templateUrl : "../src/template4.html  },
                      'view2_child1' : {**templateUrl : "../src/template1.html**}
                        }
                })
    })

注意template1.html用于两种不同的状态。让我们说在第一个状态中div被放置在屏幕的中心位置，但是在不同的状态下它被放置在右侧。什么是更经济的方式（重用相同的代码），简单但不太复杂到这是angularJS的方式吗？ thnks