Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用AngularJS更改css样式?_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 如何使用AngularJS更改css样式?

Javascript 如何使用AngularJS更改css样式?,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,虽然我通常能够为网页创建css样式,但我尝试使用AngularJS对css进行的任何更改,甚至使用ng style=xy,似乎都不会改变页面上的任何内容 这是我的密码: <div id="tableScrollPanel"> <table class="table"> <thead> <tr> <th></th> <th ng-st

虽然我通常能够为网页创建css样式,但我尝试使用AngularJS对css进行的任何更改,甚至使用ng style=xy,似乎都不会改变页面上的任何内容

这是我的密码:

<div id="tableScrollPanel">
    <table class="table">
        <thead>
        <tr>
            <th></th>
            <th ng-style="{
                    display: 'inline-block',
                    white-space: 'nowrap',
                    -webkit-transform: 'translate(0em, 0em) rotate(-90deg)',
                    -moz-transform: 'translate(0em, 0em) rotate(-90deg)',
                    -o-transform: 'translate(0em, 0em) rotate(-90deg)',
                    transform: 'translate(0em, 0em) rotate(-90deg)',
                    -webkit-transform-origin: '0em 0em',
                    -moz-transform-origin: '0em 0em',
                    -o-transform-origin: '0em 0em',
                    transform-origin: '0em 0em',
                    -ms-transform: 'none',
                    -ms-transform-origin: 'none',
                    filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)',
                    position: 'absolute',
                    bottom: '0em\9'
                    }" ng-repeat="(key,headline) in model.headlines" ng-class="headline.classes" data-ng-bind="headline.name">
                {{headline}}
            </th>
        </tr>
        </thead>

        <tbody>
        <tr data-ng-repeat="(key, row) in model.rows">
            <td data-ng-bind="row.title"></td>
            <td data-ng-repeat="(key2, column) in row.columns">
                <input type="text" data-ng-model="column.entry" ng-disabled="column.disabled"
                       ng-change="changeEntry(key, key2)">
            </td>

        </tr>
        </tbody>
    </table>
</div>
<div style="text-align: right">
    <button class="btn" data-ng-click="saveChanges()">Speichern</button>
</div>

您必须对带有-

所以对于空白,它应该是这样的:

'white-space': 'nowrap'

将CSS从ng样式中去掉,创建一个CSS类并将其添加到ng类中

如果没有其他东西,它会更容易阅读


你预计会发生什么?另外,您在th元素中使用ng repeat做什么?

这表示一个矩阵,其中填充了存储在文件中并在整个Web应用程序中使用的数据。由于这不是我的代码,我不知道实现的解决方案是否是实现这一点的唯一/最好的方法。我写的任何文本都不会出现在任何地方,加载的文本也不受我的样式的影响。有什么线索吗?啊,好的,现在我知道了ng class=headline.classes。。。这就是为什么没有任何改变对它做任何事情,感谢你的提示,正确的方向,会给你一个大拇指,但没有足够的声誉没有问题。如果有帮助的话,我很高兴:谢谢,这就是让我在文档中感到困惑的地方,有两个样式更改,一个带有单引号,另一个没有单引号@LinuxNoob1337 ng style属性的内容是一个计算为对象的属性。这意味着您提供的对象需要使用有效的JavaScript语法。