Javascript 如何使用AngularJS更改css样式?
虽然我通常能够为网页创建css样式,但我尝试使用AngularJS对css进行的任何更改,甚至使用ng style=xy,似乎都不会改变页面上的任何内容 这是我的密码: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
<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语法。