angular-- 绑定属性、绑定数据、绑定HTML、循环数据

一、绑定属性

# 在 ts 文件构造方法中定义属性
public title = '这是绑定属性';# 在 html 文件中绑定
绑定属性

二、绑定数据

# 在 ts 文件构造方法中定义属性
public userInfo: any = {username: '张三1',age: 20};# 在 HTML 文件中绑定数据
{{userInfo.username}}

三、绑定HTML

# 在 ts 文件构造中定义属性
public content = '
我是一个html标签
';# 在 HTML 文件中绑定

四、循环数据

# 在 ts 文件构造中定义属性
arr = ['111', '222', '333'];# 数组
public list: any[] = ['111', 123, '222'];# 和上一个数组一样
public items: Array = ['1', '2'];# 数组
public userList: Array = [{username: '张山',age: 20}, {username: '李四',age: 21}, {username: '王五',age: 22}];#  数组
public cars: any[] = [{cate: '宝马',list: [{title: '宝马x1',price: '30万'}, {title: '宝马x2',price: '40万'}, {title: '宝马x3',price: '50万'}]}, {cate: '奥迪',list: [{title: '奥迪a1',price: '30万'}, {title: '奥迪a2',price: '40万'}, {title: '奥迪a3',price: '50万'}]}];# 在 HTML 文件中循环数据
{{item}}
# 第二个
{{item.username}} --- {{item.age}}
# 第三个
{{item.cate}}
{{car.title}} --- {{car.price}}

五、简单运算

1+2={{1+2}}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！