2016-11-21 60 views
0

想使用基於狀態的路由我試過示例項目從UI路由器在這裏工作:UI路由器演示項目不與組件

ui-router demo

它的工作原理,但只只要這個參考預發行庫是由:

<!-- working --> 
 
    <script src="//npmcdn.com/[email protected]/release/angular-ui-router.js"></script>

如果我安裝最新版本sion,組件不再被注入演示視圖項目。它只是失敗而沒有錯誤。

<!-- not working --> 
 
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>

我使用涼亭這樣安裝的庫 - 使用和不使用特定版本:

涼亭安裝角UI路由器#0.3.1 --save

我也嘗試使用npm安裝,像這樣:

npm install --save angular-ui-router

演示項目根本不適用於這些庫。是否有任何突破性改變或錯誤?

問候!

+1

'0.3.1'是最新的穩定版本,但它不支持'component'。此功能是在1.0.0版本中引入的 - 請參閱[CHANGELOG.MD](https://github.com/angular-ui/ui-router/blob/master/CHANGELOG.md#100-alpha1-commits-2016- 03-27) – MiTa

+0

啊,就是這樣。謝謝! – user2145393

回答

0

我不認爲自從過去一年以來我一直使用ui路由器以來,並沒有發生過突變。 檢查您的bower_components是否屬於靜態目錄。如果你還沒有它配置爲,如果你是在節點+表達,你可以寫類似

app.use(express.static('client')); 

這樣做是它會使節點(我假設你在節點)將此目錄中的所有文件都公諸於衆。有點像在apache中使用的目錄指令(如果有的話)可以公開訪問這個文件夾下的所有這些文件。

可選提示: bower_components看起來很醜。做一個.bowerrc文件在同一目錄下,在您的server.js生活,並在其輸入:

{ 
    "directory":"client/assets/lib" 
} 

這將完成的(從現在起)安裝lib文件夾下的所有依存關係。當然你的路可能不同,但我喜歡這種結構。但請確保將此目錄放在靜態目錄下(本例中爲客戶端);

乾杯!

+1

嗨阿明, 你是對的。沒有發生突變。事實上,它從未使用過產品發行版。查看來自MiTa的評論。 – user2145393