官术网_书友最值得收藏!

Data Binding

Data Binding is one of the core responsibilities of developers when writing code to bind data to the user interface and update changing data according to user interactions with the user interface. Angular has reduced the burden of writing large amounts of code to handle Data Binding:

Angular handles Data Binding by coordinating with templates and components. The templates provide instructions to Angular on how and what to bind. There are two types of binding in Angular: globally One-way Data Binding and Two-way Data Binding. One-way Data Binding deals with either binding data from the component to the DOM or from the DOM to the component. Two-way Data Binding deals with both sides of communication, that is, the component to the DOM and the DOM to the component.

<div>Title: {{book.title}}<br/> 
  Enter Author Name: <input [(ngModel)]="book.author"> 
</div> 

Here, book.title wrapped in double curly braces deals with One-way Data Binding. The value of book title, if available in the component instance, will be displayed in the view. book.author, assigned to the ngModel property of the input element, deals with Two-way Data Binding. If the component instance has a value in the author property, then it will be assigned to the input elements, and if the value is changed by the user in the input control, then the updated value will be available in the component instance.

We will learn in detail about Data Binding in Chapter 8, Template and Data Binding Syntax.

主站蜘蛛池模板: 镇远县| 黄梅县| 措美县| 牟定县| 布尔津县| 加查县| 盈江县| 年辖:市辖区| 南陵县| 久治县| 鹤山市| 彩票| 潍坊市| 玛多县| 成武县| 肇州县| 玉田县| 兴业县| 安达市| 茂名市| 施秉县| 榆林市| 长葛市| 三河市| 夏河县| 满洲里市| 和田市| 嫩江县| 繁昌县| 兴国县| 祥云县| 宜州市| 赫章县| 柳江县| 蒲江县| 富源县| 吴忠市| 新营市| 彩票| 灵璧县| 科尔|