javascript - 基于参数的Angular-ui-router不同的模板

我的ui路由器配置中有一种状态：

state("objects",
  url: "/:type/"
)

我需要根据:type参数渲染不同的模板。例如，当用户尝试访问/buy时，当/views/objects/buy.html — /rent时，我需要渲染模板/views/objects/rent.html。

有什么可以帮助我的吗？

最佳答案

如果我对您的理解正确。例如，如果您有基本url对象
您的状态将是：

.state('objects.rent') {
    url: "/rent",
    data: '{name: 'rent'},
    views: {
        // for one or multiple views
       'rentView': {templateUrl: '/views/objects/rent.html'}
    }
}

// If you need to get something or initialize:
    $rootScope.$on('$stateChangeSuccess',
      function(event, toState, toParams, fromState, fromParams){
         if ($rootScope.$state.current.data !== undefined && $rootScope.$state.current.data.name !== undefined && $rootScope.$state.current.data.name === 'rent') {
           // doSomething
         }
    });