2014-08-27 29 views
6

對不起,我的問題可能似乎重複,因爲我正在學習一些下載的模板Angular JS,但我dint得到什麼,我確實需要我的搜索。什麼是抽象:真正做在UI - 路由器?

什麼是抽象:真的意思? ('/ app/dashboard');其他('/ app/dashboard');帶我到partials/app_dashboard.html如果我提到/儀表板否則它應該帶我到那裏,但爲什麼/應用程序/儀表板登陸partials/app_dashboard.html。抽象:真有其他影響嗎?

頭的div,div容器(UI視圖)和頁腳DIV置於app.html

$ urlRouterProvider

 .otherwise('/app/dashboard'); 
    $stateProvider    
     .state('app', { 
      abstract: true, 
      url: '/app', 
      templateUrl: 'partials/app.html' 
     }) 
     .state('app.dashboard', { 
      url: '/dashboard', 
      templateUrl: 'partials/app_dashboard.html' 
     }) 
     .state('app.ui', { 
      url: '/ui', 
      template: '<div ui-view class="fade-in-up"></div>' 
     }) 
+0

檢查這個答案有詳細的解釋和例子:http://stackoverflow.com/a/25499004/1679310 – 2014-08-27 11:09:35

+0

首先閱讀的文檔 - 它解釋清楚那裏。 – 2014-08-27 11:15:48

回答

9

抽象 - {布爾=} - 一種抽象狀態永遠不會可以直接激活,但可以爲其常見的兒童狀態提供繼承屬性。

ui-router docs

+0

感謝回覆@rawry,那麼.otherwise('/ app/dashboard'); – maghub 2014-08-27 11:06:28

+1

如果沒有狀態或url匹配,那麼它將使用.otherwise()中指定的url,它就像一個默認值,如果沒有任何匹配我顯示主頁 – Vamsi 2014-08-27 11:08:08

+0

@rawry我們可以設置.otherwise狀態爲抽象狀態? – alphapilgrim 2016-03-06 18:53:54