Hey all, in this Angular 2 tutorial for beginners, I’ll be showing you how we can use property binding to dynamically set the values of native HTML properties. We use square brackets to bind data to a HTML property.

+ Repo –
+ Atom editor –
+ Download Node.js –

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== PSD to WordPress Playlist ==========

============ Node.js for Beginners Playlist =============

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – or

================== Social Links ==================

Twitter – @TheNetNinja –


  1. it appears that on the latest version, myBoolean = false will not return the ng-reflect-required attribute but rather omit the code entirely. Is this accurate or am I doing something wrong?

  2. Hi Shaun, at the last example if the angular directive passes required to be false, should then the required attribute itself not be present on the input field?
    To be more precise, on, the angular directive says false, and the required attribute is not present. But on the end of the video, the angular directive says false and the required attribute is present. It appears that there is a difference between the way the data is binded. What is the difference between attribute binding and string interpolation? Thanks!


Please enter your comment!
Please enter your name here