Angular 是一个流行的前端框架，可以帮助开发者构建单页应用程序。本文将介绍如何使用 npm 包来安装和使用 Angular。
安装 Angular
要安装 Angular，需要先安装 Node.js 和 npm。打开终端并输入以下命令：
--- ------- -- ------------
这将安装 Angular CLI 脚手架工具，它提供了一组常用的命令，可用于创建、运行和打包 Angular 应用程序。
创建新项目
要创建新的 Angular 项目，请在终端中输入以下命令：
-- --- ------ -- ------
这将创建一个名为 "my-app" 的新项目，并将您切换到该项目的根目录。
运行应用程序
要运行应用程序，请在终端中输入以下命令：
-- -----
这将启动开发服务器，并在浏览器中打开应用程序。您还可以在 http://localhost:4200 上访问应用程序。
组件
组件是 Angular 应用程序的核心构建块。每个组件都有自己的 HTML 模板和 CSS 样式，以及与其它组件通信的输入和输出属性。下面是一个简单的组件示例：
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
---------- --------------
--
--
------ ----- ------------ -
---- - ----------
-要在应用程序中使用组件，请将其添加到 app.module.ts 文件中的 declarations 数组中：
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
-----------
------------- -
-------------
--
-------- -
--------------
--
---------- ---------------
--
------ ----- --------- - -指令
指令是 Angular 的另一个重要功能。它们可以帮助您向 DOM 元素添加行为或样式，并与组件进行通信。下面是一个简单的指令示例：
------ - ---------- ----------- ----- - ---- ----------------
------------
--------- -----------------
--
------ ----- ------------------ -
------------------- --- ----------- --
---------------------- --------------- -------
-------------- -
---------------------------------- -- ----------
-
-------------- -
---------------------
-
------- ---------------- ------ - ----- -
------------------------------------------- - ------
-
-要在组件中使用指令，请在需要使用指令的元素上添加 appHighlight 属性：
-- ------------------------ --------- ---- -- ----------- -- ----- --------
总结
本文介绍了如何安装和使用 Angular npm 包创建、运行和打包 Angular 应用程序。还介绍了 Angular 应用程序的两个核心功能：组件和指令。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/43774