in aurelia ~ read.

Aurelia tips - @bindable attribute naming convention

When creating a Custom Element in Aurelia you can use the @bindable attribute to pass data into the element from the parent. The naming convention for that attribute changes camel-cased names to dash-cased. If your property is named myProp then it gets changed to my-prop. The example below demonstrates this.

// pager.js
import {bindable} from 'aurelia-framework';
export class PagerCustomElement {
  @bindable totalRecords;
  //...
}

// parent element html
...
<pager total-records.bind="52"></pager>
...
comments powered by Disqus