niieani

<template>
  <require from="./example"></require>
  <binding-intercept-example if.bind="show"></binding-intercept-example>
</template>

niieani

<template>
  <require from="./example"></require>
  <binding-intercept-example if.bind="show"></binding-intercept-example>
</template>

niieani

<template>
  <require from="./binding-intercept"></require>
  <binding-intercept-example if.bind="show"></binding-intercept-example>
</template>

niieani

<template>
  <require from="./binding-intercept"></require>
  <binding-intercept-example if.bind="show"></binding-intercept-example>
</template>

niieani

Binding Proxy concept

@inlineView(`<template>
  <input value.bind="firstName">
</template>`)
class Example {

  @bindingProxy firstName(bindingValueSetter) {
 // function run when the binding is bound, returns an object:

niieani

interface BindingFunction {
  /**
   * invoked by Aurelia when the binding is bound
   * updateView is a method that can be used to update the binding
   * parameters is an array of evaluated parameters passed to the binding at the time of binding
   */
  subscribe(updateView: (newValue) => void, parameters: Array<any>)

  /**

niieani

/**
* Decorator: Indicates that the decorated class/object is a custom resolver.
*/
export declare const resolver: Function & {
    decorates?: any;
};
/**
* Used to allow functions/classes to specify custom dependency resolution logic.
*/
export interface Resolver {

niieani

<template>
  <!-- Simple usage: -->
  <h1>message: ${async(message).value}</h1>
  
  <!-- With a placeholder: -->
  <h1>message: ${async(message).value ? async(message).value : '...'}</h1>
</template>

niieani

<template>
  <router-view></router-view>
</template>

niieani

<template>
  <require from="./attaching-span"></require>
  <h1>${message}</h1>
  <button click.delegate="addNumber('before')">Add number before</button>
  <button click.delegate="addNumber('after')">Add number after</button>
  <button click.delegate="addMany('before')">Add many before</button>
  <button click.delegate="addMany('after')">Add many after</button>
  <div>
    <span repeat.for="number of numbers" repeat-items-changed.bind="repeatRendered">${number}</span>
  </div>