property binding syntax: [label] instead of this [label]="label"

I’m submitting a…

[ X] Feature request

Current behavior

@Component({
 template: ' <my-other [label]="label"></my-other>'
 //...
})
export class TestComponent {
   label = 'hello';
}

Expected behavior

Having to only type this

<my-other [label]></my-other>

Or even better with a self closing tag

<my-other [label] />

I assume this is not yet the case because angular wants to be close to custom elements spec. Nevertheless that’d be great.

[briancodes]

That might make it more difficult to tell the difference between attribute directives and inputs without digging into the underlying code, especially if using templateURL.

Each time you would see a [someName] in a template tag, you would have to look at the underlying component to figure out if it is an input or a directive - there would be no way of knowing by just looking at the template

[OwenKelvin]

The syntax { label } can also be easy to understand given that in ES2015 we are already using { label } to mean { label: label }