Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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
Html 角度-ng类在td上工作,但在tr上不工作_Html_Css_Angularjs_Html Table - Fatal编程技术网

Html 角度-ng类在td上工作,但在tr上不工作

Html 角度-ng类在td上工作,但在tr上不工作,html,css,angularjs,html-table,Html,Css,Angularjs,Html Table,以下HTML在ng repeat中使用 这项工作: <tr> <td ng-class="info.lastInMonth">{{ info.date_formatted }}</td> ... {{info.date} ... 但这不起作用: <tr ng-class="info.lastInMonth"> <td>{{ info.date_formatted }}</td> ...

以下HTML在ng repeat中使用

这项工作:

<tr>
    <td ng-class="info.lastInMonth">{{ info.date_formatted }}</td>
    ...

{{info.date}
...
但这不起作用:

<tr ng-class="info.lastInMonth">
    <td>{{ info.date_formatted }}</td>
    ...

{{info.date}
...
完全相同的表达式适用于td,但不适用于tr


有人知道为什么吗?

如果样式特定于
td
,那么将它们与
td
搭配使用会更安全。因为
td
会覆盖应用于
tr
的样式

考虑以下
css
类:

.test{
    background: #ccddee;
    padding: 5px;
    border: solid #5a5a5a 5px;
}
现在将此应用于
tr

<table>
        <tr class="test"><td>cell content</td></tr>
    </table>

您可以看到应用的边框和填充:

它实际上在我的代码中起作用。试着找出他们之间的不同之处。顺便说一句,这可能是由于版本的角度

var meadow=angular.module('meadow',[]);
meadow=meadow.controller(“abc”,功能($scope){
$scope.info={
上个月:“a”,
日期:格式为“b”
}
});

{{info.date}

info.lastInMonth是类名和来自API调用的名称?是的。实际上,它在大多数迭代中都是空的。仅对于显示一个月最新数据的行,我需要一个特殊的类,让CSS在该元素上显示边框。API中的JSON只有在该行是当月的最后一行时才具有该数据。数据很好(它在中工作得很好,如果我简单地把它这样写{{info.date\u formatted}}{{{info.lastInMonth}})。。。。所以,就我所见,来自API的数据似乎不是问题。哦,天哪,我不得不说我很臭(而且我工作过度了)。我只是犯了一个错误,即ng repeat元素是一个元素,而在我的.html模板文件中有另一个元素。可能是浏览器刚刚杀死了double元素(可能有ng类)。我现在将ng类添加到具有ng repeat(并删除了double)的元素中,它工作得很好。。。哦!谢谢嗨,斯里达,谢谢你的回答。我特别想让这门课在课堂上进行,而不是在课堂上。哦,天哪,我得说我很臭(而且我工作过度了)。我只是犯了一个错误,即ng repeat元素是一个元素,而在我的.html模板文件中有另一个元素。可能是浏览器刚刚杀死了double元素(可能有ng类)。我现在将ng类添加到具有ng repeat(并删除了double)的元素中,它工作得很好。。。哦!谢谢你好@blackmiaool,谢谢你抽出时间。我用的是1.4.0。刚升级到1.5.11(我发现的最后一个稳定版本),但问题相同。真搞不懂……哦,老兄,我得说我很臭(而且我工作过度了)。我只是犯了一个错误,即ng repeat元素是一个元素,而在我的.html模板文件中有另一个元素。可能是浏览器刚刚杀死了double元素(可能有ng类)。我现在将ng类添加到具有ng repeat(并删除了double)的元素中,它工作得很好。。。哦!谢谢
<table>
  <tr><td  class="test">cell content</td></tr>
</table>