2014-10-20 90 views
1

我有以下文件:角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必須nested view

加載210

請別人幫我完成這個任務

+1

老實說,這個問題,我不會期待有經驗的人,伊拉克利。請嘗試創造一些暴徒,告訴我們你失去了什麼......你會得到幫助。但是,這是這樣的:做到這一切,而不是我...... – 2014-10-20 12:16:15

+0

請提供你有什麼[Plunker](http://plnkr.co/)或[JSFiddle](http://jsfiddle.net/)試過。 – tomepejo 2014-10-20 12:16:56

+1

@Radim我不好,請給我一分鐘我會更新問題 – 2014-10-20 12:27:20

回答

4

我猜這樣的事情會訣竅。

$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-view標籤放置在索引部分的某處。