angular

文本绑定
html部分：

可渲染html标签

{{msg}}

渲染文字
ts部分：
设置msg值msg='我爱你';

图片绑定
html部分：
三种格式

image.png

ts部分：
url = "https://www.baidu.com/img/bd_logo1.png";

标题绑定
html部分：

我爱我的祖国

ts部分：
title = 'myng'; msg='xxxx';

事件绑定
变身控制flag的状态为true或false
神奇文本改变msg内容为神奇文本
响应函数绑定函数，弹出事件

表单绑定

image.png

列表渲染

image.png

类和样式的绑定

image.png

ts部分：
myclass='active';
mystyle = {color:"blue",'font-size':'38px','font-weight':'900'};
style部分：
.active{color:orangered}

heckbox绑定
html部分：
阅读并同意条款
登录
ts部分：
sel =false;默认不同意

管道--默认管道 过滤器

image.png

截取管道

image.png