Aliases existing chip bindings to use [*], (*), and {*}

bindings.coffee

# Add aliases for the bindings to use brackets, e.g. bind-value becomes [value]
chip.Binding.bindings.slice().forEach (binding) ->
  name = binding.name
  return if name.indexOf('-*') >= 0

  if binding.name.indexOf('bind-') is 0 || binding.name.indexOf('attr-') is 0
    name = '[' + name.replace(/^(bind|attr)-/, '') + ']'
    chip.binding name, binding.priority, binding.handler
  else if binding.name.indexOf('on-') is 0
    name = '(' + name.replace(/^on-/, '') + ')'
    chip.binding name, binding.priority, binding.handler


attrHandler = chip.binding('attr-*')
chip.binding '[*', (element, attr, controller) ->
  attr.match = attr.name.replace(/^\[|\]$/g, '')
  attr.name = 'attr-' + attr.match
  attrHandler(element, attr, controller)


eventHandler = chip.binding('on-*')
chip.binding '(*', (element, attr, controller) ->
  attr.match = attr.name.replace(/^\(|\)$/g, '')
  attr.name = 'on-' + attr.match
  eventHandler(element, attr, controller)


localHandler = chip.binding('local-*')
chip.binding '{*', (element, attr, controller) ->
  attr.match = attr.name.replace(/^\{|\}$/g, '')
  attr.name = 'local-' + attr.match
  localHandler(element, attr, controller)

This allows Angular 2.0-like syntax. I like it because it is shorter and more importantly it is more visible in your HTML what is a binding vs a regular attribute.

Note: There was a little modification in chip/src/binding.coffee so support this fully, which I can add if requested.

Examples:
bind-text="foo" can be also written [text]="foo" and on-click="bar()" can be (click)="bar()"

<div [each]="item in items">
  <img [src]="item.avatar">
</div>