canjs/canjs

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

Julian

@pYr0x

stache is parsed in runtime...

if you transpile it, an array of properties is the result

Christopher Oliphant

@RALifeCoach

is there an easy way to transpile it?

then run the transpiled code?

Julian

@pYr0x

make a build with stealjs

Christopher Oliphant

@RALifeCoach

I am not using stealjs

Mohamed Cherif Bouchelaghem

@cherifGsoul

can-compile

https://github.com/canjs/can-compile

Christopher Oliphant

@RALifeCoach

thanks

Julian

@pYr0x

did this work for stache`also?

it says mustache...

Mohamed Cherif Bouchelaghem

@cherifGsoul

it should works readme file has a stache example

Kevin Phillips

@phillipskevin

@RALifeCoach would it be easier to pass a unique argument for each place its being called in your stache file?

or comment them out one-by-one

Mohamed Cherif Bouchelaghem

@cherifGsoul

@jeroencornelissen you can just listen to the app state changes for your case, or you have specific reason why you have to know when template is redered?

Jeroen Cornelissen

@jeroencornelissen

@cherifGsoul what do you mean with app state changes?
I needed to know when the template is rendered because I wanted to focus the first form element.

Christopher Oliphant

@RALifeCoach

@phillipskevin - execllent idea - the can.compile wasn’t useful

Christopher Oliphant

@RALifeCoach

Now I am really confused

I have a simple method on my Map

isActive: function (ctr) {
            return this.playerRow.player.status.toLowerCase() === 'active';
        },

The first time it is called, all is well. The second time it is called, the value of this.playerRow has changed. That is while parsing the same stache file.

The first call {{^if isActive('1')}} and the second call <a class="name {{#if isActive('2')}}expansion{{/if}}”

Kevin Phillips

@phillipskevin

is playerRow an attribute on your map?

Christopher Oliphant

@RALifeCoach

yes

Kevin Phillips

@phillipskevin

you probably want to use .attr(‘playerRow…’) then

Christopher Oliphant

@RALifeCoach

why does it work once, but not the second time?

Kevin Phillips

@phillipskevin

I’m not really sure what you mean

it sounds like playerRow is being set some time while your template is rendering

Julian

@pYr0x

only .attr() let can.compute know about accesing the property

Kevin Phillips

@phillipskevin

if you use .attr() it will render the section with ‘1’ then render the section with ‘2’ then re-render the section with ‘1’ again because playerRow changed

Christopher Oliphant

@RALifeCoach

I will change them all to attrs and keep you posted

Kevin Phillips

@phillipskevin

you can do this.attr(‘playerRow.player.status’)

Christopher Oliphant

@RALifeCoach

the second time this.playerRow.attr('player’) gives <not available>

Kevin Phillips

@phillipskevin

should be this.attr(‘playerRow.player’)

Christopher Oliphant

@RALifeCoach

sorry, I thought either would work - I will make the change

Kevin Phillips

@phillipskevin

the first will only trigger a render if player changes

but if playerRow changes it won't

Christopher Oliphant

@RALifeCoach

I don’t want either player or player row to change

I am simply trying at access them to test for a value

Kevin Phillips

@phillipskevin

I know you don’t want them to change

something sets playerRow

before that, playerRow will be undefined

so in order for your template to render when playerRow changes from undefined to the correct value, you need to listen to when playerRow changes

Christopher Oliphant

@RALifeCoach

are you suggesting I create an event on playerRow?

Kevin Phillips

@phillipskevin

using .attr() sets up a listener internally

so that stache knows to recompute your isActive function

and re-render

Mohamed Cherif Bouchelaghem

@cherifGsoul

@jeroencornelissen my-form should be removed and inserted everytime activeForm change

Christopher Oliphant

@RALifeCoach

@phillipskevin I made the change you requested (after being pulled away to work on two other priorities)

Where communities thrive

People

Repo info

Activity