英文原版:
現在呢,讓我給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指向同一位...