首页 > 代码库 > Angular 绑定
Angular 绑定
一、事件绑定
1. 创建doOnClick函数
2. 网页中绑定doOnClick方法
3. 效果图
二、 属性绑定
1. 定义imgUrl的网址
2. 定义img src属性
另外一种写法
3. html 属性绑定
在网页中绑定size
4. css html 属性绑定
html绑定
5. css增加属性
原先已经有a 和b属性，
之后增加c属性
6. ngClass管理多个css
html code
<div [ngClass]="divClass">HI</div>
7. 样式属性
带有单位（px）的样式
<div [style.font-size.px]="isDev?‘100‘:‘50‘">是否是开发环境</div>
8.ngStyle使用
<div [ngStyle]="divStyle">haha</div>
divStle定义
divStyle: any = { color: ‘red‘, background: ‘yellow‘, }; constructor() { setTimeout(() => { this.divStyle = { color: ‘yellow‘, background: ‘red‘, }; }, 3000); }
三、双向绑定
html代码
app.module.ts 加入FormsModule
Angular 绑定
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。