英雄之旅Angular教程

在 Angular 英雄之旅教程中，对于不清楚的词汇进行记录。

Angular的组件是指什么具体东西。

• Angularアプリケーションの構成要素

• コンポーネントには

• – @Component()デコレータ

• – HTMLテンプレート

– スタイルを持つTypeScriptクラスがある。

元数据是什么？

• Angularでは、アプリケーションの部品がどのように合わさるかや、アプリケーションが必要としている他のファイルやライブラリを知る必要がある。この情報をメタデータという。

• Angularにクラスをどのように処理するかを教えるためのもの。

Angularシステムでいう「モジュール」も「コンポーネント」もどちらも、「TypeScriptのクラス」

在模块中，我们使用@NgModule元数据来进行注解。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在组件中，我们使用@Component元数据来表示如下信息。

mport { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
}

如上所述，@NgModule和@Component两者都接受配置对象(configuration object)。然而，配置项因元数据类型而异。

在班级中给 @〇〇 贴上标签，并将附加信息和设置信息添加到该班级中。这被称为元数据。

应用外壳

App shell は、ビルド時にひとつの経路を介してアプリケーションの一部をレンダリングする方法

数据绑定

• バインディングはコンポーネントのデータとビューを紐づけるための仕組み

• バインディングされた変数に変更があった場合は紐づけられた値が自動で更新される。

(ビュー：UI描画の過程においてひとまとまりに生成・更新・破棄される表示要素の最小グループ）

开始学习Angular – 学习Web开发 – MDN Web Docs

Angular基础-元数据

应用程序外壳

Angular的数据绑定是什么？绑定的类型和更新的方式。