Javascript 角度ui路由器嵌套视图分离模板和控制器

我有以下文件：

index.html
car.html
truck.html

mainCtrl.js
carCtrl.js
truckCtrl.js

并想走这样的路线:

#/search (template: index.html, controller: mainCtrl.js)
#/search/car (template: car.html, controller: carCtrl.js)
#/search/truck (template: truck.html, controller: truckCtrl.js)

index.html包含两个链接：一个必须重定向到

#/search/car

，另一个：

#/search/truck

car.html和truck.html

必须在

嵌套视图中加载

请有人帮我完成这项任务
我想像这样的事情就行了

$stateProvider
    .state('search', {
        url: '/search',
        controller: 'mainCtrl',
        templateUrl: '/path/to/index.html',
    })
    .state('search.car', {
        url: '/car'
        controller: 'carCtrl',
        templateUrl: '/path/to/car.html',
    })
    .state('search.truck', {
        url: '/truck'
        controller: 'truckCtrl',
        templateUrl: '/path/to/truck.html',
    })

将ui视图标记放在部分索引中的某个位置。
我想这样做就可以了

$stateProvider
    .state('search', {
        url: '/search',
        controller: 'mainCtrl',
        templateUrl: '/path/to/index.html',
    })
    .state('search.car', {
        url: '/car'
        controller: 'carCtrl',
        templateUrl: '/path/to/car.html',
    })
    .state('search.truck', {
        url: '/truck'
        controller: 'truckCtrl',
        templateUrl: '/path/to/truck.html',
    })

将ui视图标记放在索引部分的某个位置。
老实说，这个问题，我不希望像你这样有经验的人来回答，伊拉克利。求你了，试着创造一些掠夺者，告诉我们你在哪里迷路了。。。你会得到帮助的。但这就像是：代替我做这些……请提供一个或你已经尝试过的。@Radim My bad请给我一分钟，我会更新问题老实说，这个问题，我不会指望像你这样有经验的人，Irakli。求你了，试着创造一些掠夺者，告诉我们你在哪里迷路了。。。你会得到帮助的。但这就像是：代替我做这些……请提供一个或你已经尝试过的。@Radim My bad请给我一分钟，我会更新问题