Question

使用角度2，如何使用插值设置css attrs值。

我正在使用此语法，但它无法正常工作。

import { Component } from '@angular/core';
@Component({
    selector: 'app',
    template:<div [ngStyle]="{'width': {{width}} +'%'}">})
export class AppComponent {
    private width: number = 12;  
    constructor (){}}

Answer 1

首先，确保您的模板包含在引号或`，

中

其次你正在寻找的是没有大括号的UICollectionView

Answer 2

对于初学者来说，当你使用内联模板时，你需要使用键盘前面的小刻度，所以它看起来像这样

template: `<div>blah</div>`

否则浏览器无法读取它。

接下来，你错过了结束div标签。你目前有

template: <div>

什么时候需要

template: `<div></div>`

然后就ngStyle的语法而言。看起来你正试图绑定绑定中的属性，这是额外的不必要的工作，你只需要传递你想要它从中绘制值的键的名称。看到您使用了实际css属性的名称，您可能希望将其更改为width1或其他某些内容，以确保它不会混淆浏览器。如果您没有正确的语法，但width属性是＆＃34;正确读取＆＃34;在浏览器中，它可以显示一些非常时髦的东西而不会抛出任何错误，这使得在您刚刚开始时更难以检测到。尝试进行这些更改，看看它们是否有效。

使用插值设置css attrs值

2 个答案: