Binding to properties and attributes – Danger You Need to Know This!

The distinction between an HTML attribute and a DOM property is one of the corner stones for understanding how binding in Angular works!

There are three distinct representations of the application data:

  • The HTML document is a collection of elements: consisting of HTML  tags and attributes both of type string
  • The DOM tree is a JavaScript object of type HTMLInputElement. The HTMLInputElement object includes the property type and value of type DOMString, and required of type boolean. It is the browser that instantiates the DOM objects (nodes) from the HTML document, that have properties which are rendered onto the web-page. Whenever the values of the DOM node’s properties are changed, the page is re-rendered. Reference online.

 

One-way Property Binding

One-way Attribute Binding

One Reply to “Binding to properties and attributes – Danger You Need to Know This!”

  1. “Аквариум HighLine 400 (белый) – Представляем Вашему вниманию Аквариум HighLine 400 (белый)
    Особенности продукта
    • Превосходное качество и привлекательный дизайн
    • Индивидуальная конфигурация тумбы и функциональные ящики
    • Спрятанные от глаз технические устройства благодаря сухой шахте и шлангам для подачи воды в фильтр

    “”7 ФИЛЬТРОВ”” – официальный дилер производителя в России. – Аквариум HighLine 400 (белый)

    аквариумы для петушков купить,
    купить рыбок для аквариума на авито,
    купить компрессор для аквариума недорого,
    аквариум для черепах купить екатеринбург.

Leave a Reply

Your email address will not be published. Required fields are marked *