martonsagi

<template>
  <require from="./list"></require>
  
  <list items.bind="items"></list>
</template>

martonsagi

<template>
  <require from="./frame-slot"></require>
  <require from="./frame-inline"></require>
  <require from="./frame-innerhtml"></require>
  
  <div class="panel panel-primary">
    <div class="panel-heading">Slots</div>
    <div class="panel-body">
      
      <frame-slot>

martonsagi

<template>
  
  <require from="./cust-elem.html"></require>
  
  <cust-elem param1.bind="value1" param2.bind="value2"></cust-elem>
  
</template>

martonsagi

<template>
    
      <require from="nav-bar"></require>
  
      <nav-bar router.bind="router"></nav-bar>
       
      <main>

        <div class="page-host">
          <router-view></router-view>

martonsagi

<template>
  <require from="component"></require>
  
    <div repeat.for="item of components">
      <label>${item.name}${item.id}</label>: <component id.bind="item.id"></component>
    </div>
    <hr>
    <button class="btn btn-primary" click.delegate="SubmitData({id: 1})">Submit data for Component#1</button> 
    <hr>
    <button class="btn btn-success" click.delegate="SubmitData({all: true})">Submit data for All Component</button>

martonsagi

<template>
  
  <require from="./car-list"></require>
  <div class="container-fluid">
      <h4 class="page-header">Cars: ${cars.length} | Counter: ${counter}</h4>
      
      <car-list cars.bind="cars"></car-list>
  </div>
</template>

martonsagi

<template>
    
    <div class="container-fluid">
      <h4 class="page-header">Permission check on two routes with the same module</h4>
      
      <a class="btn btn-primary" href="#/route1">Route #1</a>
      <a class="btn btn-danger" href="#/route2">Route #2</a> 
      
      <div class="panel">
        <div class="panel-body">

martonsagi

<template>
    
    <require from="./extended-view"></require>
    
    <div class="container-fluid">
      <h4 class="page-header">Global attach() handler for viewmodels </h4>
      
      <ul class="list-group">
        <li class="list-group-item">
          <compose view-model="./extended-view"></compose>

martonsagi

<template>
    <require from="./inline"></require>

    <div class="container-fluid">
      <h4 class="page-header">Inline template in custom component</h4>
      <div class="form-group">
          <label>Template:</label>
          <input class="form-control" type="text" value.bind="customTemplate" />
      </div>
  

martonsagi

<template>
  <require from="./inline-view"></require>
  <inline-view></inline-view>
</template>