多種佈局與角

我建立一個角度應用程序，並創下了位如何處理主頁的障礙的。主頁是90％不同 - 只有標題保持不變 - 在那裏我有指示，顯示爲前用戶登錄狀態。

要使用路由/模板等我非常想有我ngview所示樣品的空白區域 - 這一切工作正常 - 只是不知道如何建立主頁。它不需要ngview區域persay，因爲它是唯一的類型。我不想把它作爲第二個應用程序，但因爲這看起來很浪費，並且會重新加載所有內容。

谷歌搜索這帶來了一個指令代替白色區域的建議，但後來我想我會失去整個路由/模板受益。

替代我已經看到有一些代碼，以確定是否對家庭和加載體CSS類等，但不是理想的無論是作爲內容是如此的不同。

UI路由器是一種可能性，但我想如果可能的話，以避免prebeta東西。

對此提出建議？

來源

2014-01-23 cyberwombat

可能ng-cloak的工作隱藏的意見，直到用戶登錄？ –

@StevenScott不是在這種情況下 - 這是一個完全不同的佈局，我畏縮在裝載2個佈局的每一頁的思想和使用CSS來對付他們。我在UI路由器上取得了不錯的成功，所以如果沒有其他事情發生，我可能會去做。他們說這是穩定的，所以我們會看到...... – cyberwombat

這是一個非常常見的/反覆出現的問題，令我感到驚訝的是，在 – edteke

你可以有這樣的：

的index.html：

<body> 

    ...header.. 

    <div ng-if="isHomePage()"> 
    <div ui-view></div> 
    </div> 
    <div ng-if="!isHomePage()"> 
    <div ng-include="'shell.html'"></div> 
    </div> 

    ...footer.. 

</body>

home.html的（與路線 '/'）

...your home page html...

shell.html（不是「不同任何路線/'）

<div> 
    <div> 
     <div ui-view></div> 
    </div> 
    <aside><aside> 
</div>

finally，add isHomePage()到你的根作用域

$rootScope.isHomePage = function() { 
    return $location.path() == '/'; 
};

來源

2016-05-27 21:36:16 edteke

謝謝。這使用uirouter這是現在的答案。這個問題很老，寫在UI路由器穩定之前。我應該刪除它，因爲它不再相關。 – cyberwombat

多種佈局與角

回答

相關問題