Add script tag support for enclosing a template (ampproject#19346)

* merge * add todo for nested script templates * fix test * address jridgewell comments * lint * address comments * fix merge * fix example * lint * address choumx comments * address choumx comments * address choumx comments
noranazmy · Mar 22, 2019 · b410e91 · b410e91
1 parent c908572
commit b410e91
Show file tree

Hide file tree

Showing 9 changed files with 1,138 additions and 818 deletions.
diff --git a/examples/amp-list.amp.html b/examples/amp-list.amp.html
@@ -57,6 +57,24 @@
     </template>
   </amp-list>
 
+  <!-- ## Using a script to enclose the template. -->
+  <amp-list width="auto" height="100" layout="fixed-height" src="comments.example.json">
+    <script type="text/plain" template="amp-mustache">
+      <table>
+        <tr>
+          <td>Comment:</td>
+          <td>{{content}}</td>
+        </tr>
+        {{#replies}}
+          <tr>
+            <td>Reply:</td>
+            <td>{{content}}</td>
+          </tr>
+        {{/replies}}
+      </table>
+    </script>
+  </amp-list>
+
   <!-- ## Using an existing template -->
   <!--
     The template can also be specified using an ID of an existing

diff --git a/examples/comments.example.json b/examples/comments.example.json
@@ -0,0 +1,6 @@
+{
+  "items": [
+    {"content": "Hello", "replies": [{"content": "Hi"}]},
+    {"content": "Howdy", "replies": []}
+  ]
+}