-
Notifications
You must be signed in to change notification settings - Fork 141
translate: tutorial/toh-pt2.md #68
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA). 📝 Please visit https://cla.developers.google.com/ to sign. Once you've signed, please reply here (e.g.
|
|
@googlebot I signed it! |
|
CLAs look good, thanks! |
aio-ja/content/tutorial/toh-pt2.md
Outdated
|
|
||
|
|
||
| ## Create mock heroes | ||
| ## ヒーローのmockを作成する |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
全体を通して、mockはモックで通じると思いますので、カタカナでOKです
aio-ja/content/tutorial/toh-pt2.md
Outdated
| * Insert an `<li>` within the `<ul>` that displays properties of a `hero`. | ||
| * Sprinkle some CSS classes for styling (you'll add the CSS styles shortly). | ||
| * `<h2>` を先頭に追加してください | ||
| * その下にHTMLの順序付けられていないリスト (`<ul>`) を追加してください |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
aio-ja/content/tutorial/toh-pt2.md
Outdated
|
|
||
| The [`*ngFor`](guide/template-syntax#ngFor) is Angular's _repeater_ directive. | ||
| It repeats the host element for each element in a list. | ||
| [`*ngFor`](guide/template-syntax#ngFor) はAngularの _repeater_ ディレクティブです。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
繰り返し ディレクティブ としましょう
aio-ja/content/tutorial/toh-pt2.md
Outdated
| * `hero` holds the current hero object for each iteration through the list. | ||
| * `<li>` はホスト要素です | ||
| * `heroes` は `HeroesComponent` クラスのリストです | ||
| * `hero` は各ループ毎のリストに、現在のヒーローオブジェクトを保持しています |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
保持します
aio-ja/content/tutorial/toh-pt2.md
Outdated
|
|
||
| You define private styles either inline in the `@Component.styles` array or | ||
| as stylesheet file(s) identified in the `@Component.styleUrls` array. | ||
| プライベートなスタイルは `@Component.styles` 内にインラインで定義するか、スタイルシートファイルとして特定の `@Component.styleUrls` 内に定義します。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Component.styleUrls 配列の中で識別されるスタイルシートファイルとして
aio-ja/content/tutorial/toh-pt2.md
Outdated
|
|
||
| The template still refers to the component's old `hero` property which no longer exists. | ||
| Rename `hero` to `selectedHero`. | ||
| テンプレートはまだ、存在しなくなったコンポーネントの古い `hero` プロパティを参照しています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
テンプレートはもう存在していないコンポーネントの古い hero プロパティをまだ参照しています。
aio-ja/content/tutorial/toh-pt2.md
Outdated
| ### なにが起きたのか? | ||
|
|
||
| When the app starts, the `selectedHero` is `undefined` _by design_. | ||
| アプリを起動した際、 `selectedHero` は _設計により_ `undefined` です。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
_意図的に_
aio-ja/content/tutorial/toh-pt2.md
Outdated
| The details area is blank. | ||
| Click a hero and its details appear. | ||
| ブラウザを更新すると、名前の一覧が再度表示されます。 | ||
| detailsエリアは空白になっています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
詳細のエリア
aio-ja/content/tutorial/toh-pt2.md
Outdated
| ### なぜこれが動くのか | ||
|
|
||
| When `selectedHero` is undefined, the `ngIf` removes the hero detail from the DOM. There are no `selectedHero` bindings to worry about. | ||
| `selectedHero` が定義されていないとき、 `ngIf` はDOMからヒーローの詳細を削除します。これらは `selectedHero` のバインディングの役割ではありません。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
心配する `selectedHero` へのバインディングは存在しません`
aio-ja/content/tutorial/toh-pt2.md
Outdated
|
|
||
| The Angular [class binding](guide/template-syntax#class-binding) makes it easy to add and remove a CSS class conditionally. | ||
| Just add `[class.some-css-class]="some-condition"` to the element you want to style. | ||
| Angularの [class binding](guide/template-syntax#class-binding) は条件がついたCSSクラスの追加と削除を容易にします。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
クラスバインディング でよいです
|
翻訳ありがとうございます!いくつかの部分で修正をお願いします 🙇 |
|
@lacolaco 修正いたしました。再度レビューよろしくお願いいたします。🙇 |
|
修正ありがとうございました! 🙌 |
tutorial/toh-pt2.mdを日本語に翻訳しました。
レビューお願いいたします。
#54