用Angular创建一个Hello,world/菜单

简而言之

本页面是“用Angular制作Hello, world”的菜单页面。

菜单

    • 初級編

環境準備
Component
テキスト補間
変数バインディング
入力
ルーター
Service
ngModule
非同期処理
Web API
スタイル

中級編

Component ライフサイクル
Directive
外部Moduleのスタイル変更
テストコード
Angular Material

上級編

スタイルのスコープ
Module
JIT/AOTコンパイル

API編

(Angular の API を追加していく予定)

首先

2000年代初期,我在我的学生时代非常依赖一个名为”JavaでHello, World”的网站。
那是一个教授以Java的各个API为主题,解释了如何输出”Hello, World”的小网站。
可惜的是,现在那个网站已经关闭,再也无法看到了。

最近,我经常被人询问有关Angular入门网站的问题。通常我会推荐官方网站上的教程,但是我觉得实际工作中的使用方法不太容易传达,而且对于初学者来说也不太友好。于是我决定自己动手写一个。

环境

除非各个解释页面中特别标注,否则我们将使用以下环境。

操作系统:Windows10
确认浏览器:Chrome
Node.js:14.16.1
npm:6.14.12(Node.js内置版本)
Angular:v11.2.14
编辑器:Visual Studio Code

整体概览

这篇文章分为三个阶段:初级篇、中级篇和高级篇,以及API的解说。
初级篇将解释在使用Angular创建基本Web应用程序时所需的内容。
中级篇将解释更加深入的内容。我认为,了解到中级篇后,您将不再对使用Angular创建Web应用程序感到困惑。
高级篇将解释一些对于应用程序制作并非必须掌握的内容,但目的是为了加深对Angular的理解。
请注意,我在撰写这篇文章时还未完成,并且可能会进行项目添加、删除或移动,请理解。

广告
将在 10 秒后关闭
bannerAds