Attribute value binding: square brackets vs curly brackets

Question

I\'ve downloaded Angular CLI 6.0.7 for Node and am playing around with it, following tutorials, etc. to learn as much as possible.

One thing I have a question about

Answer 1

They're both effectively the same. You are binding one-way from component to view. However, there are some cases when you must use one over other.

For example, if you want to achieve string concatenation you must use interpolation (E.g., {{ }}).

you can't achieve above using property binding.

On the other hand, when you want to bind non-string value to HTML element, you must use property binding (E.g., [])

 My Button