From 980bb52d36ef75760d56412ff14defe0ae7181f2 Mon Sep 17 00:00:00 2001
From: Sergej Grilborzer <sergej1995@gmail.com>
Date: Wed, 6 Feb 2019 09:17:13 +0100
Subject: [PATCH] docs: warn that directives don't support namespaces (#25855)

PR Close #25855
---
 .../attribute-directives/src/app/app.component.1.html         | 4 ++--
 .../attribute-directives/src/app/app.component.avoid.html     | 3 +++
 aio/content/guide/attribute-directives.md                     | 4 ++++
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 aio/content/examples/attribute-directives/src/app/app.component.avoid.html

diff --git a/aio/content/examples/attribute-directives/src/app/app.component.1.html b/aio/content/examples/attribute-directives/src/app/app.component.1.html
index 4422c83ead..f05c4a1bd3 100644
--- a/aio/content/examples/attribute-directives/src/app/app.component.1.html
+++ b/aio/content/examples/attribute-directives/src/app/app.component.1.html
@@ -2,7 +2,7 @@
 <h1>My First Attribute Directive</h1>
 <!-- #docregion applied -->
 <p appHighlight>Highlight me!</p>
-<!-- #enddocregion applied,  -->
+<!-- #enddocregion applied  -->
 
 <!-- #docregion color-1 -->
 <p appHighlight highlightColor="yellow">Highlighted in yellow</p>
@@ -11,4 +11,4 @@
 
 <!-- #docregion color-2 -->
 <p appHighlight [highlightColor]="color">Highlighted with parent component's color</p>
-<!-- #enddocregion color-2 -->
+<!-- #enddocregion color-2 -->
\ No newline at end of file
diff --git a/aio/content/examples/attribute-directives/src/app/app.component.avoid.html b/aio/content/examples/attribute-directives/src/app/app.component.avoid.html
new file mode 100644
index 0000000000..464e8f30e5
--- /dev/null
+++ b/aio/content/examples/attribute-directives/src/app/app.component.avoid.html
@@ -0,0 +1,3 @@
+<!-- #docregion unsupported -->
+<p app:Highlight>This is invalid</p>
+<!-- #enddocregion unsupported  -->
\ No newline at end of file
diff --git a/aio/content/guide/attribute-directives.md b/aio/content/guide/attribute-directives.md
index 270985d5b0..08fe8e3c22 100644
--- a/aio/content/guide/attribute-directives.md
+++ b/aio/content/guide/attribute-directives.md
@@ -41,6 +41,10 @@ when the user hovers over that element. You can apply it like this:
 
 {@a write-directive}
 
+Please note that directives _do not_ support namespaces.
+
+<code-example path="attribute-directives/src/app/app.component.avoid.html" linenums="false" header="src/app/app.component.avoid.html (unsupported)" region="unsupported"></code-example>
+
 ### Write the directive code
 
 Create the directive class file in a terminal window with the CLI command [`ng generate directive`](cli/generate).