diff --git a/aio/content/guide/metadata.md b/aio/content/guide/metadata.md
index f7f42cdc8a..25608db86a 100644
--- a/aio/content/guide/metadata.md
+++ b/aio/content/guide/metadata.md
@@ -16,7 +16,7 @@ In the following example, the `@Component()` metadata object and the class const
 ```typescript
 @Component({
   selector: 'app-typical',
-  template: 'div>A typical component for {{data.name}}</div>
+  template: '<div>A typical component for {{data.name}}</div>'
 )}
 export class TypicalComponent {
   @Input() data: TypicalData;