Question

有点莫名其妙的情况。我们有一个角度控制器，可以正确地将数据输送到页面。将始终存在未知数量的列，因此我们使用此方法来呈现表：

<table border="1" ng-repeat="table in xc.tables">
    <tr>
        <th style="width: 150px !important" ng-class="{'missingpeoplefirstcolumn': $first}" ng-repeat="column in table.cols">{{column}}</th>
    </tr>
    <tr ng-repeat="row in table.rows">
        <td style="width: 150px !important" ng-class="{ 'pinkify': {{row[column]}} == 0 , 'grayit': $last}" 
            ng-repeat="column in table.cols">
                {{row[column]}}
        </td>
    </tr>
</table>

这是页面上唯一应用的CSS：

.pinkify
{
    background-color: pink;
    color: pink !important;
}

.grayit{
    background-color: lightgray;
    color: black !important;
}

.missingpeoplefirstcolumn
{
    width: 150px !important;
}

＆＃39; Pinkify＆＃39;和＆＃39; grayit＆＃39;按预期正在应用。但是，我们试图强制第一列的宽度为150px，但它似乎不起作用。如果宽度在样式表中或内联中，则无关紧要。有没有人知道什么是错的以及如何使这项工作？

Answer 1

尝试更改此

ng-class="{'missingpeoplefirstcolumn': $first}"

到此

ng-class="{'missingpeoplefirstcolumn': first}" // remove the $ before 'first'

CSS样式未在AngularJS HTML中应用

1 个答案: