martonsagi

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

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>
    
    <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="./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>
  <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="./cust-elem.html"></require>
  
  <cust-elem param1.bind="value1" param2.bind="value2"></cust-elem>
  
</template>

martonsagi

<template>
  <div repeat.for="msg of messages">
    <input type="text" value.bind="msg" input.delegate="onMessageChanged(msg, $index)">
  </div>
</template>

martonsagi

<template>
    
      <require from="./nav-bar"></require>
      <require from="./nav-bar-compose.html"></require>
      <require from="./nav-bar-function.html"></require>
  
      <nav-bar-function if.bind="mode === 'function'" 
               router.bind="router" 
               logged-in.bind="loggedIn"
               toggle-login.call="toggleLogin()">

martonsagi

<template>
  
  <require from="./my-component"></require>

  <h4>Default template</h4>
  <my-component></my-component>
  
  <hr>
  
  <h4>Custom template</h4>

martonsagi

<template>
  <ul>
    <li repeat.for="item of items">
      <label><input type="checkbox" checked.bind="item.status === 'EnumValue'" /> Checkbox</label>
    </li>
  </ul>
</template>