canjs/canjs

We CAN build the impossible! https://codepen.io/justinbmeyer/pen/yEGGoK

Alexis Abril

@alexisabril

I feel like we used to do this all the time with controls, but it was something similar

Chris Gomez

@akagomez

@alexisabril document.createElement(‘my-component') didn’t associate the node with my defined component.

Alexis Abril

@alexisabril

oh that won’t work, it would only work for dom nodes

dynamic components, I didn’t read that line in my head for some reason

I remember needing to do this once, but my solution wasn’t elegant either

sec, I think I can actually find the sample

David Luecke

@daffl

@akagomez

var component = 'my-component';
var tpl = '<' + component + '></' + component + '>';

var frag = can.stache(tpl)({});

Alexis Abril

@alexisabril

I used a single component to render subtemplates based on some input prior

for example, I had different inputs being rendered, but with similar properties being set(such as a label)

in “field”, there was a switch that would render some template

Chris Gomez

@akagomez

@daffl It creates the DOM, but doesn’t initialize the component:

controller: function (options) {
      var frag = can.view.stache(
        '<can-import from="src/controller/landing/landing" />' +
        '<landing-controller></landing-controller>')();

      return frag;
    }

It even imports the script. But I get the error: WARN: can/view/scanner.js: No custom element found for landing-controller

Chris Gomez

@akagomez

I think the context of the <can-import> and the context of the rendered component are different.

@alexisabril @daffl This works though:

// controller.stache
<can-import from="src/controller/landing/landing" />
{{#controller}}{{/}}

// controller.js
controller: function (options) {
      var frag = can.view.stache(
        // '<can-import from="src/controller/landing/landing" />' +
        '<landing-controller></landing-controller>')();

      return frag;
    }

Chris Gomez

@akagomez

Is there a way to set the context of a rendered template?

Matthew Phillips

@matthewp

can-imports have to be loaded up front (like with the stache plugin)

but that to work

in 2.3.0-pre.x you can nest your component inside of the can-import

but you need to use {{#isResolved}}<landing-component/>{{/isResolved}}

because the can-import viewmodel is a promise

@akagomez the context of a renderered template is the first argument for a renderer

can.view.stache(txt) returns a renderer function

render(viewmodel)

Patrick Clancy

@patrickclancy

WebSocket connection to 'ws://localhost:8012/' failed

Opps… ignore

Matthew Phillips

@matthewp

heh

that's live-reload i bet

Patrick Clancy

@patrickclancy

yea… didn’t mean to paste my error here. But I am working through it

Justin Meyer

@justinbmeyer

@akagomez not with can.stache

can.stache needs to create elements in clone-able fragments

what you show is possible, but would be tricky

is possible to make stache do, but not easily

instead, I do what @alexisabril and have a helper

Andrei Balmus

@abalmush

Hello guys, quick question: Is it possible to attache can.Component to an existing custom tag without can.view ?

Chris Gomez

@akagomez

@abalmush As far as I know, no.

Andrei Balmus

@abalmush

@akagomez, thank you so much

Matthew Phillips

@matthewp

that's because you've overwritten parent.prototype.define

whoops, i just responded to a comment from a few days ago

carry on

Justin Meyer

@justinbmeyer

@ilyavf asked:

3:18 PM
Do you know why this setter is called twice after a template binding is added? http://jsbin.com/sinunew/edit?js,console,output

Ilya Fadeev

@ilyavf

Yeah, thanks @justinbmeyer . Click update to see it. If you remove the binding declaration from the template, the setter is called once.

Justin Meyer

@justinbmeyer

@ilyavf so is the button or anything related to this?

like, does there even have to be a component?

to see the problem

could you just pass a map with similar defined behavior?

Ilya Fadeev

@ilyavf

ok, will do

like, with a bind() ?

Justin Meyer

@justinbmeyer

oh, I have to click update to see the problem?

Ilya Fadeev

@ilyavf

yes, u have to click

Where communities thrive

People

Repo info

Activity