Angular笔记三——绑定数据以及数据循环

绑定数据方法

模板里面绑定数据

上一个笔记将过绑定数据的一个方法通过public,我们也可以不写public,默认下就是public声明。但是推荐在绑定数据后面加上数据类型

Angular笔记三——绑定数据以及数据循环

也可以指定any类型,表示任意类型

声明属性的几种方式

  • public:共有(默认),可以在这个类里面使用,也可以在类外面使用。
  • protected:保护类型,它只有在当前类和它的子类里面可以访问。
  • private:私有,只有在当前类才可以访问。

模板里面绑定属性

Angular笔记三——绑定数据以及数据循环

动态数据的属性,用中括号包起来。

模板里面绑定html标签

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

模板里面允许做简单的运算

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

数据循环

要使用到*ngFor语句。

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

一般建议用下面方式定义数组,虽然意义是一样的。

Angular笔记三——绑定数据以及数据循环

  • 正常情况下,数组中都是包含大量的对象,对象中又包含大量的属性:

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环

Angular笔记三——绑定数据以及数据循环