docs(test-app): extended only example

Author: rbalet

projects/test-app/public/i18n-extended/de.json

@@ -1,8 +1,9 @@
 {
-    "demo": {
-        "title": "Extended: Test Anwendung (overwrites to global)"
-    },
-    "standalone-component": {
-        "title": "Extended: Eigenständige Komponente (overwrites to global)"
-    }
+  "demo": {
+    "title": "Extended: Test Anwendung (overwrites to global)"
+  },
+  "standalone-component": {
+    "title": "Extended: Eigenständige Komponente (overwrites to global)",
+    "extended": "Extended: Nur Lehsbar durch Extended"
+  }
 }

projects/test-app/public/i18n-extended/en.json

@@ -1,8 +1,9 @@
 {
-    "demo": {
-        "title": "Extended: Test Application (overwrites to global)"
-    },
-    "standalone-component": {
-        "title": "Extended: Standalone Component (overwrites to global)"
-    }
+  "demo": {
+    "title": "Extended: Test Application (overwrites to global)"
+  },
+  "standalone-component": {
+    "title": "Extended: Standalone Component (overwrites to global)",
+    "extended": "Extended: Readable only by extended"
+  }
 }

projects/test-app/src/app/components/standalone/standalone.component.html

@@ -10,5 +10,7 @@ <h2>Simple translations without parameters</h2>
         <p translate>demo.simple.text-as-content</p>
 
         <p>{{ "demo.simple.text-as-pipe-with-params" | translate: { value: "params" } }}</p>
+
+        <p>{{ "standalone-component.extended" | translate }}</p>
     </div>
 </div>

projects/test-app/src/app/pages/extended/extended.component.ts

@@ -21,9 +21,11 @@ import { PageContentComponent } from "../../components/page-content/page-content
             }),
         }),
     ],
-    template: ` <h2>Component uses global TranslateService with extend</h2>
+    template: `
+        <h2>Component uses global TranslateService with extend</h2>
         <app-language-switch />
-        <app-page-content />`,
+        <app-page-content />
+    `,
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ExtendedComponent {