@Component裝飾器

這個(gè)裝飾器是 DirectiveDecorator 的一個(gè)子類(lèi),裝飾器名為 ComponentDecorator

其接口定義如下:

export interface ComponentDecorator {
    /**
     * @whatItDoes 標(biāo)記一個(gè)類(lèi)為 Angular 組件骇吭,并收集組件配置元數(shù)據(jù)
     *
     * @howToUse
     * Angular組件是指令的子集哭懈,和指令不同的是
     * 組件永遠(yuǎn)都有一個(gè)模版叹侄,只有組件才能實(shí)例化模版中的元素.
     *
     * 除了配置元數(shù)據(jù)全肮,組件可以通過(guò)聲明周期鉤子來(lái)控制它運(yùn)行時(shí)的行為
     *
     * **元數(shù)據(jù)屬性:**
     *
     * * **animations** - 組件的動(dòng)畫(huà)列表 list of animations of this component
     * * **changeDetection** - 組件的變化檢測(cè)策略 change detection strategy used by this component
     * * **encapsulation** - 組件的樣式封裝策略 style encapsulation strategy used by this component
     * * **entryComponents** - 動(dòng)態(tài)插入到這個(gè)組件視圖的一組組件 list of components that are dynamically inserted into the view of this component
     * * **exportAs** - 在模板中導(dǎo)出組件實(shí)例的名稱 name under which the component instance is exported in a template
     * * **host** - 類(lèi)屬性的映射奶栖,用于綁定事件塞蹭,屬性和特性 相當(dāng)于 HostBinding 或者 HostListener 孽江, map of class property to host element bindings for events, properties and
     *   attributes
     * * **inputs** - 類(lèi)屬性名稱的列表, 以數(shù)據(jù)綁定作為組件輸入 list of class property names to data-bind as component inputs
     * * **interpolation** - 此組件的模板中使用的自定義插值標(biāo)記 custom interpolation markers used in this component's template
     * * **moduleId** - ES/CommonJS module id of the file in which this component is defined
     * * **outputs** - 暴露給外界,以便外界訂閱的類(lèi)屬性列表 list of class property names that expose output events that others can
     *   subscribe to
     * * **providers** - 此組件及其子級(jí)可用的提供商列表 list of providers available to this component and its children
     * * **queries** -  可以插入到組件中的查詢配置 configure queries that can be injected into the component
     * * **selector** - css selector that identifies this component in a template
     * * **styleUrls** - list of urls to stylesheets to be applied to this component's view
     * * **styles** - inline-defined styles to be applied to this component's view
     * * **template** - inline-defined template for the view
     * * **templateUrl** - url to an external file containing a template for the view
     * * **viewProviders** - 此組件及其視圖子級(jí)可用的提供商列表 list of providers available to this component and its view children
 }

組件繼承指令:

export interface Component extends Directive {
    /**
     * Defines the used change detection strategy.
     * 定義使用的變化檢測(cè)策略
     * 當(dāng)一個(gè)組件被實(shí)例化時(shí), angular創(chuàng)建一個(gè)變更檢測(cè)器, 它負(fù)責(zé)
傳播組件的綁定番电。
     *"changeDetection" 屬性的定義是, 是否每次都檢查更改檢測(cè)
或者只有當(dāng)組件告訴什么時(shí)候去檢測(cè)變化
     */
    changeDetection?: ChangeDetectionStrategy;

     # 定義一組只對(duì)其視圖子DOM可用的可注入的對(duì)象
    viewProviders?: Provider[];

     # 使用 SystemJS 才用岗屏,現(xiàn)在一般很少使用了
    moduleId?: string;

    templateUrl?: string;
    template?: string;

    styleUrls?: string[];
    styles?: string[];

    # angular 動(dòng)畫(huà)庫(kù)的一種內(nèi)聯(lián)寫(xiě)法
    animations?: any[];

    # 指定模版和樣式封裝方式,基本不用
    encapsulation?: ViewEncapsulation;

    # 重寫(xiě)默認(rèn)的封裝開(kāi)始和結(jié)束符( `{{` and `}}`) 基本不用
    interpolation?: [string, string];

   # 定義其它組件在本組件被編譯時(shí)漱办,其它組件也被編譯这刷,一般用于動(dòng)態(tài)插入組件的情況 用的比較多

    # Angular 將創(chuàng)建一個(gè) {@link ComponentFactory} 并且存儲(chǔ)在   {@link ComponentFactoryResolver}上
    entryComponents?: Array<Type<any> | any[]>;
}

export declare const Component: ComponentDecorator;

通過(guò)上面的注釋可以看出組件原信息的使用頻率

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市娩井,隨后出現(xiàn)的幾起案子暇屋,更是在濱河造成了極大的恐慌,老刑警劉巖洞辣,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咐刨,死亡現(xiàn)場(chǎng)離奇詭異昙衅,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)定鸟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)绒尊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人仔粥,你說(shuō)我怎么就攤上這事婴谱。” “怎么了躯泰?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵谭羔,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我麦向,道長(zhǎng)瘟裸,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任诵竭,我火速辦了婚禮话告,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卵慰。我一直安慰自己沙郭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布裳朋。 她就那樣靜靜地躺著病线,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鲤嫡。 梳的紋絲不亂的頭發(fā)上送挑,一...
    開(kāi)封第一講書(shū)人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音暖眼,去河邊找鬼惕耕。 笑死,一個(gè)胖子當(dāng)著我的面吹牛诫肠,可吹牛的內(nèi)容都是我干的司澎。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼区赵,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼惭缰!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起笼才,我...
    開(kāi)封第一講書(shū)人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎络凿,沒(méi)想到半個(gè)月后骡送,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體昂羡,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年摔踱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了虐先。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡派敷,死狀恐怖蛹批,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情篮愉,我是刑警寧澤腐芍,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站试躏,受9級(jí)特大地震影響猪勇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜颠蕴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一泣刹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧犀被,春花似錦椅您、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至昌腰,卻和暖如春开伏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背遭商。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工固灵, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人劫流。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓巫玻,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親祠汇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子仍秤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)可很,斷路器诗力,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,133評(píng)論 25 707
  • 沉寂十年,好久不見(jiàn)我抠,樸樹(shù)苇本。 你說(shuō):徘徊著的袜茧,我仿佛看到善良的你在理想與現(xiàn)實(shí)之間極力想追求平衡的無(wú)助。你像一個(gè)被奪去...
    孫大歡喜閱讀 1,387評(píng)論 5 2
  • 小時(shí)候家里是兩室一廳瓣窄,我自己一個(gè)房間笛厦。那時(shí)候最享受的事情就是一個(gè)人安靜的在房間里,看書(shū)俺夕,畫(huà)畫(huà)裳凸,做作業(yè),享受一個(gè)人的...
    泡沫伊然閱讀 202評(píng)論 0 1
  • 你憑什么取笑我 我是一所甲等醫(yī)院的藥劑師劝贸,除了日常工作姨谷,偶爾也受邀為醫(yī)藥公司做推廣。 我與小慧是在一次異地推廣活動(dòng)...
    點(diǎn)滴奇跡01閱讀 311評(píng)論 0 0