Property bindings and text interpolations get mixed up when using components in the light dom of other components #4522
Description
E.g.
@Component({
selector: 'a-comp'
})
@View({
template: '{{0}}<ng-content></ng-content>{{2}}'
})
class AComp {}
@Component({
selector: 'b-comp'
})
@View({
template: '{{1}}'
})
class BComp {}
@Component({
selector: 'main'
})
@View({
template: `
<a-comp>
<b-comp></b-comp>
</a-comp>
`, directives: [AComp, BComp]
})
class Main {}
This will display the text 201 instead of 012.