angular元件的建立和呼叫

2021-10-03 08:59:05 字數 1050 閱讀 2946

元件是什麼?在我們的生活中,元件是組成乙個物品必不可少的關鍵部位,在angular當中也是如此。在angular中,元件(component)是構成angular應用的基礎和核心。相當於乙個小模組。

那麼如何建立元件?

1、開啟cmd,cd到之前建立檔案的目錄,輸入ng g

2、然後會提示選擇建立什麼,我們要建立元件,輸入 ng component

3、然後可以通過命令建立乙個元件,如下圖就是建立乙個新的目錄component,然後在裡面建立乙個news元件。

在vscode中的效果圖:

以上組建就已經建立完畢了,那麼如何使用這個組建?

如果我想要在根目錄下面去呼叫我剛剛建立的這個元件,方法如下:

1、首先檢視目標元件的名稱

2、然後在根目錄下面輸入該名稱(style可以刪除)

3、在目標元件下輸入文字

4、啟動,輸入ng serve --open,等待一會,就會自動開啟瀏覽器,然後呈現出內容來。如下:

5、如果想要結束操作,在控制台裡面輸入ctrl+c即可。

簡單的總結,感謝**。

Angular 環境搭建和建立專案

angualr是一款來自谷歌開源的web前端框架,誕生於2009年,angualr基於typescript和react vue相比angular更適合中大型企業級專案,根據官方介紹,angular每過幾個月就會更新乙個版本。安裝前準備工作 1.安裝nodejs 2.在cmd命令中安裝cnpm npm...

Angular環境搭建和建立專案

1.安裝nodejs 2.安裝cnpm npm install g cnpm registry 3.安裝angular cli npm install g angular cli 或者 cnpm install g angular cli cmd命令視窗敲 ng v 出現angular cli安裝成...

Angular中動態建立元件

通常來說元件不需要動態來建立,因為直接在模板中使用可以滿足大部分的需求。可是如果有這樣的需求 模板中存在多個元件是否顯示依賴特定的條件,那麼就需要定義多個bool型別的變數來控制,而且還需要考慮bool型別變數 的修改,這樣操作起來比較繁瑣。這個時候可以考慮使用動態建立元件的方式。大致流程如下所示。...