## Attribute and Property bindings

You can use Angular attribute and property bindings with Wijmo web components. Binding to attributes is allowed for simple type properties only, whereas property bindings can be used for complex type properties as well.

For example, for the wjc-input-number web component, you can use attribute bindings:

    <wjc-input-number value="7" step="1"></wjc-input-number>

or property bindings:

    <wjc-input-number [value]="amount" [step]="2"></wjc-input-number>

#### Live result:

Attribute bindings:
Property bindings:

## Complex property bindings

Angular property bindings can be used to bind to Wijmo web components' properties of object and array types.

For example, you can bind a data array to the itemsSource property of wjc-flex-grid, and array of column names to the filterColumns property of the wjc-flex-grid-filter component:

    <wjc-flex-grid [itemsSource]="data">
        <wjc-flex-grid-filter [filterColumns]="['country', 'date']"></wjc-flex-grid-filter>

        <wjc-flex-grid-column [binding]="'country'" [header]="'Country'" [width]="'*'"></wjc-flex-grid-column>
        <wjc-flex-grid-column binding="date" header="Date"></wjc-flex-grid-column>
        <wjc-flex-grid-column binding="downloads" header="Downloads"></wjc-flex-grid-column>
    </wjc-flex-grid>

#### Live result: