component

Question

component

ericxin1982 opened this issue 7 years ago · comments

ericxin1982 commented 7 years ago

Hi Team,

So just wondering whether there is a full example for component where I can learn?

Thanks
Eric Xin

Kamil Dąbrowski · Answer 1 · Tue Mar 07 2017 22:47:41 GMT+0800 (China Standard Time)

Hi, does the Guide misguide you or just want to see a plunker?
http://rivetsjs.com/docs/guide/#components

ericxin1982 · Answer 2 · Tue Mar 07 2017 22:58:52 GMT+0800 (China Standard Time)

Hi, if there is an available jsfiddle would be great, I can have an online try. I am not sure plunker means. And I do not know what it means as below: return JST['todos/todo-item'] At 2017-03-07 22:47:42, "Namek" <notifications@github.com> wrote: Hi, does the Guide misguide you or just want to see a plunker? http://rivetsjs.com/docs/guide/#components — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

Kamil Dąbrowski · Answer 3 · Tue Mar 07 2017 23:05:36 GMT+0800 (China Standard Time)

In the JST part you simply provide a template. This has to be a string containing HTML that uses normal rivets bindings etc. In my case it is:

template: function() {
	return $id('member-list-template').innerHTML
},

and the template is injected into <head> part of website by PHP:

<script type="text/html" id="member-list-template">{{ View::make('club/member-list') }}</script>

ericxin1982 · Answer 4 · Tue Mar 07 2017 23:13:05 GMT+0800 (China Standard Time)

would you mind giving me the a whole picture, I am confused. @Namek

ericxin1982 · Answer 5 · Wed Mar 08 2017 14:56:37 GMT+0800 (China Standard Time)

Hi Namek, Would you please give me these two html files, so I can have a better understanding. I am too new to this part. Thanks Eric Xin At 2017-03-07 23:05:44, "Namek" <notifications@github.com> wrote: In the JST part you simply provide a template. This has to be a string containing HTML that uses normal rivets bindings etc. In my case it is: template:function() { return$id('member-list-template').innerHTML }, and the template is injected into <head> part of website by PHP: <script type="text/html" id="member-list-template">{{ View::make('club/member-list') }}</script> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

Kamil Dąbrowski · Answer 6 · Wed May 24 2017 22:10:52 GMT+0800 (China Standard Time)

Hi, sorry fo taking so long. You may learn about components here:
https://www.namekdev.net/2017/05/binding-with-rivets-js-details-and-tricks/

or go straight to live example:
http://plnkr.co/edit/gXNQuwXDuJHUHvYsppyh?p=preview

The live example was already mentioned between issues so you didn't dig well enough:
#691

Please consider closing this issue.

Ben Styles · Answer 7 · Thu May 25 2017 20:27:27 GMT+0800 (China Standard Time)

Looks like @Namek has replied fully, please reopen if you need.