html - 用于设置 Angular 2 样式的 Typescript 变量

标签 html css angular

我想将 typescript 变量传递给样式,我不知道是否可行,有代码:

<tr *ngFor="let app of data">
    <div class="progress_bar" style="width: {{app.applicationProgress}}%;"></div>
</tr>

我的 app.applicationProgress 已设置(选中)

最佳答案

使用 ngStyle 指令。 Documentation

更新代码:

<div class="progress_bar" [ngStyle]="{'width': app.applicationProgress + '%'}"></div>

关于html - 用于设置 Angular 2 样式的 Typescript 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45630347/

相关文章:

html - 设置 Bootstrap 容器、行、列时正确的格式是什么?

node.js - 为 @angular/cli 安装在 Mac 上不工作

javascript - 使用 typescript 批量删除数组

带有标签元数据的 jquery 自动完成类别

php - 为什么 Firefox 从 HTML 表单中删除/忽略隐藏的输入值?

javascript - li 元素上的 onClick 事件,以更改 textFields

html - Textarea后输入在不同浏览器显示奇数

javascript - Angular cli 和 javascript 回调函数

javascript - 如何使用JS调用iframe中的函数?

javascript - 在 TreeView 显示中只保持一个 li 节点打开