Untitled

// HTML

<myComponent text="foo" image="bar" action="$ctrl.fooBar()"> </myComponent>

<myComponent text="{{ $ctrl.foo ? 'foo' : 'bar' }}" image="bar" action="{{ $ctrl.bar ? $ctrl.fooBar() : false }}"> </myComponent>


// Component
import template from './foo.html';
import './foo.styl';

export default {
  template,
  bindings: {
    text: '@?',
    image: '@?',
    action: '&?',
  },
};