首頁 > web前端 > js教程 > Angular發布1.5正式版,專注於向Angular 2的過渡_AngularJS

Angular發布1.5正式版,專注於向Angular 2的過渡_AngularJS

WBOY
發布: 2016-05-16 15:15:04
原創
1199 人瀏覽過

Angular團隊最近發布了Angular 1.5的正式版,該版本實現了一次重大的升級,它讓仍在使用1.X版本的開發者將能夠更容易地過渡到Angular 2的開發。

Pete Bacon Darwin在此次發布聲明的部落格文章中寫道,這次發布的目的是「改進Angular 2的升級路徑。我們在這次發布中引入了一些新的特性,讓開發者編寫的Angular 1應用更接近在Angular 2中應用的結構。

此次發布中,新的module.component()輔助方法是向Angular 2進行過渡的最大變更。透過使用該方法,開發者就不必再遵循傳統的directive定義物件風格編寫directive了。如果讀者已經熟悉Angular 2的寫法,就應該注意到這種相似性。在文章中,作者透過一個範例表現了定義一個新component的方法:

myModule.component('myComponent', {
template: '<h1>Hello {{ $ctrl.getFullName() }}</h1>',
bindings: { firstName: '<', lastName: '<' },
controller: function() {
this.getFullName = function() {
return this.firstName + ' ' + this.lastName;
};
}
});
登入後複製
在component出現之前,開發者通常只能使用directive,或是透過對controller的非常規使用才能夠實現某些場景。但這並不是說component就將完全取代directive的作用了,比方說component就無法用於操作DOM,並且所有的component都必須透過自訂的HTML元素激活,而不支援透過元素的屬性觸發。依照上述定義的component可透過以下程式碼使用:

<my-component first-name="'Alan'" last-name="'Rickman'"></my-component>
登入後複製
新的 component指南 對於傳統的directive與component之間的差異提供了更完整的說明。

單向綁定


生命週期鉤子


綁定至必需的directive


支援多個slot的transclusion


預設transclusion內容


目前在使用1.4版本的開發者可以閱讀 遷移指南 以了解遷移時需要進行哪些必要的變更,因為1.5版本中引入了一些破壞性的變更。

在可預見的一段時間內,1.5版本應是最大的一次變更了。當InfoQ向Bacon Darwin問及1.X版本將何去何從時,他是這樣回答的:

我們還沒開始規劃Angular 1的下一個發布週期。由於離Angular 2正式發布的日期已經越來越近了,因此如果我們繼續開發Angular 1,那麼也會盡量使它更接近Angular 2。如果為了實現這一點而必須引入破壞性的變更,那麼可以預期1.6版本的出現。同時,我們也將繼續Angular 1.5.x版本的開發,提供bug的修復以及一些較小的特性。總之,這與我們讓Angular 1.X更容易遷移至Angular 2的目標並不衝突。

新的component router特性應在本週的稍晚時間發布。有興趣的朋友敬請關注腳本之家網站!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板