Angular2核心功能簡介

2021-08-08 06:30:36 字數 731 閱讀 2083

angular2的核心包括六個方面,分別是元件、模板、指令、服務、依賴注入和路由,他們之間的關係如下圖:

由上圖可以看到,使用者直接互動的是模板,也就是可見可互動的檢視介面,它是組成元件的要素之一。元件是用來維護資料模型和功能邏輯的,它包括模板和元件類。路由控制項的建立和銷毀,從而完成介面的跳轉。指令與模板相互關聯,它最重要的功能是增強了模板的功能,也是對模板的一種語法拓展。服務是與邏輯功能相關的單元,它通過依賴注入的方式引入到元件內部,為元件類服務。

angular框架基於元件設計,組價是最小的執行單元。元件類似於html頁面抽出的公共元素,但並不限於這些。乙個應用程式是由這些元件組成的,他們之間有一定的關係。通過angular的命令穿件的元件包括四個檔案:html、css、spec.ts、component.ts。html和css檔案用來展示模板檢視;component.ts是元件類,用來完成功能邏輯的;spec.ts是放測試**的。

import  from '@angular/core';

@component()

export class preview*****component implements oninit //構造器

ngoninit()

}

Angular2 模組簡介

ngmodule 是乙個帶有 ngmodule 裝飾器的類。ngmodule 裝飾器是乙個函式,它接受乙個元資料物件,該物件的屬性用來描述這個模組。其中最重要的屬性如下。通俗一點講即 宣告哪些元件 指令 管道屬於該模組 公開某些類,以便其它的元件模板可以使用它們 匯入其它模組,從其它模組中獲得本模組...

angular2 發布angular2模組,服務

上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...

專注核心功能

當我還小的時候,出了什麼毛病都愛用風油精。無論是蟲叮蚊咬,暈車暈船還是感冒發燒,風油精都能派上用場。因此當我頗為自豪的向我的小夥伴炫耀道 風油精什麼都能治 的時候,他的一句 風油精什麼都能治,什麼都治不好 著實給我潑了一頭冷水。我無意斥責那些多功能產品。事實上,很多多功能產品非常成功而且確實給使用者...