From 5a4448335bc074ceeddfc8053c7af929a99f7fb6 Mon Sep 17 00:00:00 2001 From: Patrice Chalin Date: Fri, 16 Dec 2016 13:23:20 -0800 Subject: [PATCH] docs(template-syntax): fix filename for code excerpt (#2995) Main fix is to file name previously shown as `'HeroDetailComponent.ts`. --- public/docs/ts/latest/guide/template-syntax.jade | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/public/docs/ts/latest/guide/template-syntax.jade b/public/docs/ts/latest/guide/template-syntax.jade index d37a9ae17f..bc9bb7ec6c 100644 --- a/public/docs/ts/latest/guide/template-syntax.jade +++ b/public/docs/ts/latest/guide/template-syntax.jade @@ -788,10 +788,8 @@ block style-property-name-dart-diff The best it can do is raise an event reporting the user's delete request. Here are the pertinent excerpts from that `HeroDetailComponent`: -+makeExample('template-syntax/ts/app/hero-detail.component.ts', -'template-1', 'HeroDetailComponent.ts (template)')(format=".") -+makeExample('template-syntax/ts/app/hero-detail.component.ts', -'deleteRequest', 'HeroDetailComponent.ts (delete logic)')(format=".") ++makeExcerpt('app/hero-detail.component.ts (template)', 'template-1') ++makeExcerpt('app/hero-detail.component.ts', 'deleteRequest') :marked The component defines a `deleteRequest` property that returns an `EventEmitter`. @@ -800,8 +798,8 @@ block style-property-name-dart-diff Now imagine a hosting parent component that binds to the `HeroDetailComponent`'s `deleteRequest` event. -+makeExample('template-syntax/ts/app/app.component.html', -'event-binding-to-component')(format=".") ++makeExcerpt('app/app.component.html', 'event-binding-to-component', '') + :marked When the `deleteRequest` event fires, Angular calls the parent component's `deleteHero` method, passing the *hero-to-delete* (emitted by `HeroDetail`) in the `$event` variable. @@ -904,8 +902,7 @@ a#ngModel When developing data entry forms, we often want to both display a data property and update that property when the user makes changes. Two-way data binding with the `NgModel` directive makes that easy. Here's an example: -+makeExample('template-syntax/ts/app/app.component.html', 'NgModel-1')(format=".") - ++makeExcerpt('app/app.component.html', 'NgModel-1', '') +ifDocsFor('ts|js') .callout.is-important @@ -917,7 +914,7 @@ a#ngModel [Forms](../guide/forms.html#ngModel) chapter. :marked Here's how to import the `FormsModule` to make `[(ngModel)]` available. - +makeExample('template-syntax/ts/app/app.module.1.ts', '', 'app.module.ts (FormsModule import)') + +makeExcerpt('app/app.module.1.ts (FormsModule import)', '') :marked ### Inside `[(ngModel)]`