我正在使用一种主要由CSS创建的数据表格,这是我在网上找到的。在其中一列中,有一个CSS数据属性"data-title",它被分配了一个字符串。
<td data-title="someString">
当我输入字符串时,列中的样式按预期工作。 当我尝试绑定到一个对象的字符串时,绑定并不像我期望的那样工作。 我尝试了
<td data-title="object.someString">
这段代码只是简单地显示了字面量 'object.someString',我尝试过
<td data-title="{{object.someString}}">
为什么我的绑定在这里没有起作用,页面上没有显示任何内容(空白)?
CSS:
.responsive-table tbody td[data-title]:before {
content: attr(data-title);
float: left;
font-size: .9em;
color: #565248;
}
@media (min-width: 48em) {
.responsive-table tbody td[data-title]:before {
content: none;
}
}
td::before { content: attr('data-title'); }
属性和函数? - Daidata-
属性不是“CSS选择器属性”。 CSS选择器可以使用任何元素属性。 - Dai