Skip to content

Latest commit

 

History

History
41 lines (35 loc) · 1.6 KB

README.md

File metadata and controls

41 lines (35 loc) · 1.6 KB

can-stache-template

A CanJS can-stache-template WebComponent that is able to Render Stache Templates to it self or Replaces it Self and saves the template to var

types

if no gets used

  • append
  • replace-inner (default)
  • replace-outer
  • replace-outer-varname for backup placed on the document fragment
    • enables conditional rerendering if gets used automatic behavier
    • type=template if from
    • template gets attached to template
    • template and inner content gets replaced by resulting render of template
      • allows to show content under for ssr

        Scope

        Lets u supply the scope for your stache template like "document.viewModel" simply requests that var as scope this allows direct access you also can easy create a scope like document.viewModel = defineMap({}) you can also use a webcomponent as viewModel via document import ViewModel from './my-define-map' const ViewModel = customElements.get('my-app'); // where my-app is a can-element for example const ViewModel = customElements.get('my-app'); // where my-app is a can-element for example // Init const viewModel = new ViewModel; // pass ctor values like so. or use

        Use

        <steal></steal>
        <can-stache-template from="url?" type="replace-inner">{{message}}</can-stache-template>
        <can-stache-template from="url?" type="replace-outer">{{message}}</can-stache-template>
        <!-- if from type template is possible to allow auto behavier like that -->
        <can-stache-template from="url?" type="template"></can-stache-template>
        <can-stache-template>{{message}}</can-stache-template>