【angular-基础教程】属性指令NgStyle
作用
NgClass —— 添加和删除一组 CSS 类。
NgStyle —— 添加和删除一组 HTML 样式。
NgStyle—adds and removes a set of HTML styles.
NgModel —— 将数据双向绑定添加到 HTML 表单元素。
实践1
app.component.html
<img [ngStyle]="{width: '30px', height: '40px'}">
带三元运算符
[ngStyle]="{'padding-top': crumbData.length == 0 ? '0' : '24px'}"
实践2
根据不同值设定不同样式
<button nz-button nzType="primary" [ngStyle]="{'backgroundColor': getColor(num)}">{{num}}
</button>
getColor(num: any) {if (num == 1){return "red"}if(num == 2){return "green"}return "orange"}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！