Angular6筆記之全域性元件

在使用 angular6 做專案的時候，元件只能在乙個模組內進行宣告，也就是說，在預設情況下，元件編寫完成後都得在某個模組先根據檔案路徑引入該元件，然後在 ngmodule 的引數 declarations 進行新增，就可以在該模組的其他元件中進行使用了，注意，只能是該模組中。

那麼，問題來了，我們的專案不可能只有乙個模組吧，如果我有一些元件是需要全域性作用的呢？這時候就是 ngmodule 的 exports 屬性登場的時候了。我們知道，imports 屬性用來匯入可宣告的類，而 exports 就可以用來匯出可宣告的類。

注：可宣告的類通常指的就是元件、指令和管道。

所以，我們只需要新建乙個模組，然後在該模組中對可宣告的類進行宣告（declarations），然後匯出（exports），之後只需要在其他模組匯入該模組，就可以使用這些可宣告的類了。

**實現：

import from '@angular/core';

import from '@angular/common';

import from './components/base-button/base-button.component'

@ngmodule()

import from '@angular/platform-browser';

import from '@angular/core';

@ngmodule()

複製**

目錄結構大致如下：。