2-5 【ngFor指令 事件的處理和樣式綁定】頂部導航支持選中狀態

索引的獲取

first和last是布爾類型的

奇數偶數



[]方括號表示的是數據綁定
()圓括號就是事件綁定
、

開始代碼

咱們要實現的功能是菜單點擊後，就變色

這樣咱們就獲得了索引。


新建一個class的樣式


何時用這個樣式呢？當i等於(這個裏雙等於)選中的這個索引。


定義索引的變量。默認是等於-1表示啥都沒選中。

li標籤點擊事件觸發改變索引的變量


放到函數裏面

後端定義函數

點擊當前按鈕變紅色

first

這個能夠起任意的變量名



first的樣式爲綠色

第一個變綠色


even和




偶數變色

trackBy

獲得數組當中惟一表達元素的某個值，用這個值進行渲染和排序。
trackBy後面能夠是個函數也能夠是個表達式，
當作函數用，直接返回一個表達式




加個判斷。數組的數量少的狀況下 看不到有什麼提高。數據量的時候 能夠看到性能的提高。

 

結束