ionic2 常用裝飾器

裝飾器是提供元資料，即描述資料的資料、對資料及資訊資源的描述。

常用到的裝飾器有：

@component()

class mycomponent() {} ：元件裝飾器，宣告乙個類是元件，並提供提供有關元件的元資料，對屬性進行描述。

@directive()

class mydirective() {} ：宣告乙個類是乙個指令，並提供有關該指令的元資料。

@pipe()

class mypipe() {} ：宣告是乙個管道，並提供元資料。

@injectable()

class myservice() {} ：宣告當依賴注入器建立此類的例項時，類具有應該注入到建構函式中的依賴關係。

@input()myproperty; ：宣告可以通過屬性繫結更新的輸入屬性（例如：）。

@output()myevent = new eventemitter(); ：宣告乙個使用事件繫結觸發可以訂閱的事件的輸出屬性（例如：）。

（@input、@output 可用於具有父子關係的元件間通訊）

@hostbinding('class.valid')isvalid; ：將乙個host元素屬性（這裡，css類有效）繫結到乙個指令/元件屬性（isvalid）。

@hostlistener('click', ['$event'])onclick(e) ：使用指令/元件方法（onclick）訂閱主機元素事件（單擊），可選地傳遞引數（$ event）。

@contentchild(mypredicate)mychildcomponent; ：將元件內容查詢（mypredicate）的第乙個結果繫結到該類的屬性（mychildcomponent）。

@contentchildren(mypredicate)mychildcomponents; ：將元件內容查詢（mypredicate）的結果繫結到該類的屬性（mychildcomponents）。

@viewchild(mypredicate)mychildcomponent; ：將元件檢視查詢（mypredicate）的第乙個結果繫結到該類的屬性（mychildcomponent）。不適用於指令。

@viewchildren(mypredicate)mychildcomponents; ：將元件檢視查詢（mypredicate）的結果繫結到該類的屬性（mychildcomponents）。不適用於指令。