Ember旅程系列(四) 模型鉤子

2021-08-01 21:16:00 字數 1350 閱讀 9005

英文原版:

現在呢,讓我給rentals頁面新增一些可用的租賃資訊。

ember通過model物件來儲存給頁面的資料。為了簡單起見,我們暫時將model物件中的資料硬編碼。稍後,我們會使用ember data來達成這個目的。(ember data – 乙個給力的資料管理支援庫,內置於ember)

下面這張,就是主頁最終的樣子:

在ember中,路由處理程式主要負責將model中的資料讀取出來然後傳遞給頁面。它通過model()鉤子讀取資料。叫model()為鉤子的原因,是因為ember會在需要的時候幫我們呼叫它。在rentals路由中新增的model()鉤子,會在使用者訪問http://localhost:4200 或者 http://localhost:4200/rentals 的時候被呼叫。

import ember from 'ember';

export default ember.route.extend(, , ];

}});

請注意,這裡我們使用了es6的語法格式。 model() 與 model : function() 是相同的。

ember會將model()鉤子中返回的資料儲存在乙個叫做model的屬性中,該屬性可以直接在rentals模版中使用。

好了,現在讓我們切換到rentals模版。在模版中可以直接使用model屬性來展示租賃資訊。同時我們使用另乙個ember提供的handlerbars 助手來輔助我們–}助手。這個助手會迴圈遍歷出在model中的資訊:

class="jumbo">

class="right tomster">

div>

we hope you find exactly what you're looking for in a place to stay.

p>

}about us }

div>

}class="listing">

}h3>

class="detail owner">

owner:span>

}div>

class="detail type">

type:span>

}div>

class="detail location">

location:span>

}div>

class="detail bedrooms">

number of bedrooms:span>

}div>

article>

}在這個模版中,每當處於某個遍歷週期,那當前被遍歷的物件就會被儲存在名叫rental的變數中。

EasyHook庫系列使用教程之四鉤子的啟動與停止

此文的產生花費了大量時間對easyhook進行深入了解同時參考了大量文件 先來簡單比較一下easyhook與detour鉤取後程式流程 detours 鉤取api函式後,產生兩個位址,乙個位址對應真hook函式位址,乙個對應真實api位址 easyhook 鉤取api函式後,所有api指向同一位址,...

EasyHook庫系列使用教程之四鉤子的啟動與停止

此文的產生花費了大量時間對easyhook進行深入了解同一時候參考了大量文件 先來簡單比較一下easyhook與detour鉤取後程式流程 detours 鉤取api函式後。產生兩個位址,乙個位址相應真hook函式位址。乙個相應真實api位址 easyhook 鉤取api函式後,所有api指向同一位...

EasyHook庫系列使用教程之四鉤子的啟動與停止

此文的產生花費了大量時間對easyhook進行深入了解同一時候參考了大量文件 先來簡單比較一下easyhook與detour鉤取後程式流程 detours 鉤取api函式後。產生兩個位址,乙個位址相應真hook函式位址。乙個相應真實api位址 easyhook 鉤取api函式後,所有api指向同一位...