【Angular-数据绑定】

前言:

在项目中接触Angular已经2周时间了,真是一路迷茫中啊,之前没有接触过Angular,不知从何开始,只是在项目中摸索着,现在页面接口基本调通了,我才真正理解到,如何更好的学习一个新的知识.如何更好的接手一个项目.一切都是从基础而来的.今天这篇博客主要讲解一个基本知识-数据绑定.

核心:

Angular支持数据绑定,一种让模板的各部分与组件的各部分相互合作的机制.什么是模板呢?模板是以HTML形式存在,告诉Angular如何渲染组件,多数情况下,模板看起来很像标准的HTML,我们可以先这样理解.

<li>{{people.name}}</li><people-detail [hero]="selectedPeople"></hero-detail><li (click)="selectPeople(people)"></li>

• ()属于事件绑定
• []属性绑定
• {{}}插值表达式,显示组件的值
• [()]双向绑定:数据属性值通过属性绑定从组件流到输入框。用户的修改通过事件绑定流回组件，把属性值设置为最新的值。

知道了基本的事件绑定,那么你才能触发事件,进行书写ts事件.

学习一个新的东西要找它的官网,从了解它开始.

总结:

在以后的项目中继续总结前端知识,感谢读者的阅读!