Enter Your Email Address to Watch This Lesson

Your link to unlock this lesson will be sent to this email address.

Unlock this lesson and all 832 of the free egghead.io lessons, plus get Angular 2 content delivered directly to your inbox!



Existing egghead members will not see this. Sign in.

Just one more step!

Check your inbox for an email from us and click link to unlock your lesson.



Template property syntax

1:39 Angular 2 lesson by

Angular 2 is Beta

These lessons are covering beta software. We will make every effort we can to keep them updated and current, but while the syntax may change the concepts are what is important. If you notice an issue please post the fix or workaround in the comments if possible. Thanks!

This lesson covers using the [input] syntax to change an element property such as “hidden” or “content-editable”. Using properties eliminates the need for Angular 1’s old directives such as ng-show and ng-hide as you’re now able to directly access any property on your element.

Get the Code Now
click to level up

Angular 2 is Beta

These lessons are covering beta software. We will make every effort we can to keep them updated and current, but while the syntax may change the concepts are what is important. If you notice an issue please post the fix or workaround in the comments if possible. Thanks!

egghead.io comment guidelines

Avatar
egghead.io

This lesson covers using the [input] syntax to change an element property such as “hidden” or “content-editable”. Using properties eliminates the need for Angular 1’s old directives such as ng-show and ng-hide as you’re now able to directly access any property on your element.

Avatar
kevin

[content-editable] should be [contentEditable]

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?