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

你可能感兴趣的:(angular)