diff --git a/aio/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts b/aio/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts
index 7936a83cb1..05a0f9f07f 100644
--- a/aio/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts
+++ b/aio/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts
@@ -4,7 +4,7 @@ import { Directive } from '@angular/core';
 @Directive({
   selector: '[tohValidator2]',
   host: {
-    'attr.role': 'button',
+    '[attr.role]': 'role',
     '(mouseenter)': 'onMouseEnter()'
   }
 })