頁面導航問題


#1

各位好,
想請教一個頁面路徑導航的問題,
大部分我看見的都是採用breadcrumb的方式,
但最近有看到

像黃線框所標示的,
有點像chrome的另開分頁的感覺,
請問這樣的方式叫甚麼的?標籤導航嗎?

每一個跳頁都會放到上面,
也想請問angular 如何實現的思路

感謝!


#2

這種通常叫 tab (分頁)
bulma 範例

另外 Navigation 通常翻譯叫「導覽」


#3

感謝回覆,
我也有想過是Tab,
但是Tab一般都是先設定好,
然後按不同tab切不同的頁,

但是我最近看到的導覽方式是
假設我現在畫面是XX列表,
我按下新增後,標籤他就會出現在上面,
也可以按X把整個關掉

所以也是想知道這也是Tab做的嗎?


#4

以 UI 的角度來說 tab 只是一種呈現的方式(不管行為)。

JS 才是負責管理行為的部分(也就是你用 angular 寫的程式碼)

假設以你敘述的行為當作範例:

  1. 一般情況下我們把 tab 當作固定的分頁來呈現(多數由後端取得資料),使用者在分頁間來回切換。這種情況開發者通常不動態操作 tabs 的長度。
  2. 第二種情況就是類似瀏覽器的行為,使用者可以新增有限或無限個 tab 。這種情況就必須要針對 tabs 的個數進行增減(開啟,關閉)。

所以,總結就是 UI 元件只負責呈現,至於你要賦予他什樣的行為模式,就是掌握在開發者手中(透過 JS / TS 去實現)。


#5

我明白了,感謝!!