5 lines
5.3 KiB
JSON
5 lines
5.3 KiB
JSON
{
|
|
"id": "test",
|
|
"title": "Test Code Page",
|
|
"contents": "\n\n\n\n<div class=\"content\">\n <h1 id=\"test-code-page\">Test Code Page<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#test-code-page\"><i class=\"material-icons\">link</i></a></h1>\n<h2 id=\"code-tabs\"><code-tabs><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-tabs\"><i class=\"material-icons\">link</i></a></h2>\n<p>No linenums at code-tabs level</p>\n<code-tabs>\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>linenums=true at code-tabs level</p>\n<code-tabs linenums=\"true\">\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>No linenums at code-tabs level; linenums=true for second HTML pane</p>\n<code-tabs>\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\" linenums=\"true\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<h2 id=\"code-example\"><code-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>One line.</p>\n<code-example>const foo = 'bar'</code-example>\n<p>Multi-line, linenums=true.</p>\n<code-example linenums=\"true\">\n<hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Bah Dah Bing</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Headless Team</h3>\n </hero-team>\n</hero-details>\n</code-example>\n<p>Default linenums (false).</p>\n<code-example>\n<hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Headless Team</h3>\n </hero-team>\n</hero-details>\n</code-example>\n<p>Header on this one.</p>\n<code-example header=\"hero-details.component.ts (excerpt)\">\n <hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Winning Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<p>An \"avoid\" header on this one.</p>\n<code-example class=\"avoid\" header=\"hero-details.component.ts (Avoid)\">\n <hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Losing Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<h2 id=\"backticked-code-blocks\">Backticked code blocks<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#backticked-code-blocks\"><i class=\"material-icons\">link</i></a></h2>\n<code-example language=\"html\">\n <hero-details>\n <h2>Mister Fantastic</h2>\n <hero-team>\n <h3>Losing Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<h2 id=\"live-example\"><live-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#live-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>Plain live-example</p>\nTry this <live-example></live-example>.\n<p>live-example with title atty</p>\n<live-example title=\"Good Example\"></live-example>\n<p>live-example with title body</p>\n<live-example title=\"Good Example\">Try this great example</live-example>\n<p>live-example with name</p>\n<live-example name=\"testy\" title=\"Better Example\"></live-example>\n<p>live-example with spacey name and stackblitz</p>\n<live-example name=\" testy \" stackblitz=\"super-stackblitz\"></live-example>\n<p>live-example with name and stackblitz but no download</p>\n<live-example name=\"testy\" stackblitz=\"super-stackblitz\" nodownload=\"\"></live-example>\n<p>live-example embedded with name and stackblitz</p>\n<live-example embedded=\"\" name=\"testy\" stackblitz=\"super-stackblitz\"></live-example>\n<p>More text follows ...</p>\n<p>Getting Started Widgets</p>\n<p>Interpolation</p>\n<aio-gs-interpolation></aio-gs-interpolation>\n<p>Property Binding</p>\n<aio-gs-property-binding></aio-gs-property-binding>\n<p>Event Binding</p>\n<aio-gs-event-binding></aio-gs-event-binding>\n<p>NgIf</p>\n<aio-gs-ng-if></aio-gs-ng-if>\n<p>NgFor</p>\n<aio-gs-ng-for></aio-gs-ng-for>\n\n \n</div>\n\n<!-- links to this doc:\n-->\n<!-- links from this doc:\n - test#backticked-code-blocks\n - test#code-example\n - test#code-tabs\n - test#live-example\n - test#test-code-page\n-->"
|
|
} |