question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Inline demo templates not binding

See original GitHub issue

I’ve been having issues with the inline demo and data-binding. I can’t seem to get it to work.

What I’ve tried so far:

  1. using <template> in the commented code section
  2. using <template is="dom-bind"> in the commented code section
  3. using a <template> inside the next code block

Live previews that are failing to bind but seem to work fine in the sidebar demos:

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
sbeleidycommented, Dec 12, 2016

Thanks @samuelli!

Based on your recommendation, this was the code block structure that got it to work:

<custom-element-demo>
  <template>
    <link rel="import" href="../other-element/other-element.html">
    <link rel="import" href="my-element.html">
    <div>
        <template is="dom-bind">
            <next-code-block></next-code-block>
        </template>
        <script>
// Scripts
        </script>
        <style>
        </style>
    </div>
  </template>
</custom-element-demo>     
0reactions
sbeleidycommented, Dec 12, 2016

Still not working for me 😕

  • With parent <template is="dom-bind"> demo - code (I know you didn’t say to do this, I accidentally forgot to remove the is="dom-bind" but figured it might be helpful for you to see anyway)
  • With parent <template> demo - code

Sorry to keep going back and forth.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Web Components | Template Slots | JET Developer Cookbook
If a component needs to provide additional context to the application's binding context for slot children, it can do so by supporting inline...
Read more >
Telerik UI for ASP.NET Core Grid Inline Editing - Demos
This demo shows how inline editing can be achieved using the data operations (create, update and destroy) of the Telerik fro ASP.NET Core...
Read more >
Catch Angular template errors like a pro or how I create ...
To create angular demo I usually use either plunker or stackblitz or even jsfiddle. I like all of them but when I run...
Read more >
angular2 template - Angular HTML binding - Stack Overflow
Html-Binding will not work when using an {{interpolation}} , use an "Expression" instead ... dynamic template to compile dynamic Component with Angular 2.0?...
Read more >
Templates - Django documentation
If a variable resolves to a callable, the template system will call it with no arguments and use its result instead of the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found