[![Build Status][travis-badge]][travis-badge-url]

翻訳作業へのコントリビューションについては、[Wiki](https://github.com/angular/angular-ja/wiki)を参考にしてください。

This site also includes links to other helpful angular resources including

Learn how to [contribute to Angular.io](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md).

This site relies heavily on node and npm.

"node-html-encoder": "0.0.2",

"nodegit": "0.13.0",

"path": "^0.12.7",

"prompt": "^1.0.0",

"protractor": "^3.0.0",

"q": "^1.4.1",

Angular has a vocabulary of its own.

Most Angular terms are everyday English words

with a specific meaning within the Angular system.

This glossary lists the most prominent terms

and a few less familiar ones that have unusual or

framework handle the details.

データの値をHTMLに与え、イベントリスナーを付加し、スクリーンから変更された値を取得し、そしてデータの値を更新します。これらはすべて手動でやることもできます。

Angular has a rich data binding framework with a variety of data binding

operations and supporting declaration syntax.

Read about the forms of binding in the [Template Syntax](!{docsLatest}/guide/template-syntax.html) page:

* [Interpolation](!{docsLatest}/guide/template-syntax.html#interpolation).

* [補間](!{docsLatest}/guide/template-syntax.html#interpolation)

* [Property binding](!{docsLatest}/guide/template-syntax.html#property-binding).

To apply a decorator, position it immediately above or to the left of the thing it decorates.

デコレーターを適用するには、修飾する対象の直上か左にデコレーターを配置します。

Angular has its own set of decorators to help it interoperate with your application parts.

Here is an example of a `@Component` decorator that identifies a

class as an Angular [component](#component) and an `@Input` decorator applied to the `name` property

こちらは、クラスをAngularの[コンポーネント](#component)と識別する`@Component`デコレーター、およびそのコンポーネントのプロパティに適用される`@Input`デコレーターの例です。

ここでは省略した`@Component`の引数オブジェクトには、関連するコンポーネントのメタデータを含めます。

```

@Component({...})

export class AppComponent {

Angularの開発者は、ひとつのことだけをするシンプルな部品をたくさん定義することでアプリケーションを組み立てることを好み、

その後、実行時にそれぞれをつなぎます。

These parts often rely on other parts. An Angular [component](#component)

part might rely on a service part to get data or perform a calculation. When

part "A" relies on another part "B", you say that "A" depends on "B" and

これらの部品は他の部品に依存していることがよくあります。Angularの[コンポーネント](#component)部分は

データを取得し計算を処理するサービス部分に依存しているかもしれません。"A" 部分が他の "B" 部分に依存しているとき、

"A" は "B" に依存している、または "B" は "A" の依存性であるといいます。

You can ask a "dependency injection system" to create "A"

for us and handle all the dependencies.

If "A" needs "B" and "B" needs "C", the system resolves that chain of dependencies

その中心には、要求によって依存している値を返す[`インジェクター`](#injector)があります。

`injector.get(token)`という式は、与えられたトークンに関連する依存性の値を返します。

A token is an Angular type (`OpaqueToken`). You rarely deal with tokens directly; most

methods accept a class name (`Foo`) or a string ("foo") and Angular converts it

to a token. When you write `injector.get(Foo)`, the injector returns

ほとんどのメソッドはクラス名(`Foo`)もしくは文字列("foo")を受け入れて、Angularがトークンに変換するからです。

わたしたちが`injector.get(Foo)`と書くときには、インジェクターは`Foo`クラスのためのトークンに関連した値を返します。

通常その値は`Foo`クラスのインスタンスそのものです。

During many of its operations, Angular makes similar requests internally, such as when it creates a [`component`](#component) for display.

Angularは、表示のために[`コンポーネント`](#component)を作るような処理において、似た要求を内部的にしています。

この`インジェクター`は、トークンと依存性の値とのマップを内部的に管理しています。

もし`インジェクター`が与えられたトークンにマップされた値を見つけられないときには、そのトークンの`プロバイダー`を使って新しく値を作成します。

A [provider](#provider) is a recipe for

creating new instances of a dependency value associated with a particular token.

Angularは、すべてのインジェクターにいくつか独自のプロバイダーを登録します。

そしてわたしたちは自分のプロバイダーを登録できます。

Read more in the [Dependency Injection](!{docsLatest}/guide/dependency-injection.html) page.

詳しく知るには[依存性の注入](!{docsLatest}/guide/dependency-injection.html)の章を参照してください。

:marked

## Directive

1. [コンポーネント](#component)。アプリケーションの[ビュー]をレンダリングするHTMLテンプレートと、

アプリケーションのロジックをつなげるものです。通常、コンポーネントはHTML要素のことを指します。

コンポーネントはAngularアプリケーションの構成要素であり、開発者によって記述されることが期待されています。

1. [Attribute directives](#attribute-directive) that can listen to and modify the behavior of

other HTML elements, attributes, properties, and components. They are usually represented

as HTML attributes, hence the name.

1. [属性ディレクティブ](#attribute-directive)。他のHTML要素、属性、プロパティ、およびコンポーネントの

振る舞いを監視して変更することができるものです。名前からわかるように、通常、属性ディレクティブはHTML属性のことを

指します。

1. [Structural directives](#structural-directive), a directive responsible for

shaping or reshaping HTML layout, typically by adding, removing, or manipulating

elements and their children.

JavaScriptの最新の承認されたバージョンは

[ECMAScript 2016](http://www.ecma-international.org/ecma-262/7.0/)

このバージョンの対応に取り組む言語のいずれかを使用してアプリケーションを書くでしょう。

Most modern browsers today only support the much older "ECMAScript 5" (AKA ES5) standard.

Angular developers may choose to write in ES5 directly.

:marked

## ES2015

***対象***になるディレクティブプロパティです。

データ値はデータソースからこのプロパティに流れ*こみます*。

データソースはテンプレート式の中で等号の右側で識別されます。

See the [Input and output properties](!{docsLatest}/guide/template-syntax.html#inputs-outputs) section of the [Template Syntax](!{docsLatest}/guide/template-syntax.html) page.

[テンプレート構文](!{docsLatest}/guide/template-syntax.html#inputs-outputs)の章を参照してください。

managed by Angular as it creates, updates, and destroys them.

[ディレクティブ](#directive) と [コンポーネント](#component)は、Angularがそれらの作成、更新、破棄を管理するためのライフサイクルを持っています。

You can tap into key moments in that lifecycle by implementing

one or more of the lifecycle hook interfaces.

モジュールは慣例として、エクスポートしたものが定義されているファイルに因んで命名されます。

Angularの[DatePipe](https://github.com/angular/angular/blob/master/modules/@angular/common/src/pipes/date_pipe.ts)クラスは、

`date_pipe.ts`ファイルの中の`date_pipe`と名前付けられた機能モジュールに所属します。

You rarely access Angular feature modules directly. You usually import them from one of the Angular [scoped packages](#scoped-package) such as `@angular/core`.

開発者がAngularの機能モジュールに直接アクセスすることは、ほとんどありません。

See the [Input and output properties](!{docsLatest}/guide/template-syntax.html#inputs-outputs) section of the [Template Syntax](!{docsLatest}/guide/template-syntax.html) page.

For more information, see the [Routing & Navigation](!{docsLatest}/guide/router.html) page.

+ifDocsFor('ts|js')

:marked

.l-sub-section

:marked

A separate [Angular module](#angular-module) that provides the necessary service providers and directives for navigating through application views.

For more information, see the [Routing & Navigation](!{docsLatest}/guide/router.html) page.

:marked

## Routing component

- 関連するAngularディレクティブには全て`ng`接頭辞が付けられています。たとえば、`ngForm`、`ngModel`、そして`ngModelGroup`などです。

Template-driven forms are convenient, quick, and simple. They are a good choice for many basic data entry form scenarios.

テンプレート駆動フォームは便利で短時間で作成でき、そして単純なので、多数の基本的なデータ入力をするフォームの場合には良い選択です。

Read about how to build template-driven forms

TypeScript is the preferred language for Angular development although

you can use other JavaScript dialects such as [ES5](#es5).

[ES5](#es5)のような他のJavaScriptの言語で書くことも歓迎します。

Read more about TypeScript at [typescript.org](http://www.typescriptlang.org/).

"displaying-data": {

"title": "Displaying Data",

"nextable": true,

"basics": true

},

},

"glossary": {

"basics": true

},