Provide a convenient way to bind 'deep' widget options

[dxbykov]

For instance, I have a chart widget with its 'series' option bound:

<dx-chart [dataSource]="dataSource" [series]="series"></dx-chart>

series = {
    argumentField: "day",
    valueField: "oranges",
    name: "My oranges",
    type: "bar",
    color: '#ffa500'
}

Then, I would like to update the 'series.name' property and see the chart updated in the UI. In this case, I have to change the reference to the whole 'series' object in order to force the Angular 2 change detection mechanism work.

[dxbykov]

In 16.2.1-alpha.2 the configuration components concept was introduced. For instance, you can bind the 'series.name' property as follows:

<dx-chart [dataSource]="dataSource">
    <dxo-series 
        argumentField="day"
        valueField="oranges"
        [name]="name"
        type="bar"
        color=”#ffa500”>
    </dxo-series>
</dx-chart>