代码之家 › 专栏 › 技术社区 › Jason Berger

css选择器的Angular2自定义属性

css-selectors angular css html

Jason Berger · 技术社区 · 6 年前

我试图在div中设置一个自定义属性,以便css选择器可以找到它。但我找不到正确的语法。

css:

 div[customAttr="dabadeedabadie"] {
    color:blue
 }

<div customAttr="dabadeedabadie">I'm blue</div>

<div customAttr="{{'dabadeedabadie'}}">I'm blue</div>

我得到一个错误: 无法绑定到“customAttr”,因为它不是“div”的已知属性 . 好。。。是的,但为什么这是个问题?

我也试过:

<div attr.customAttr="'dabadeedabadie'">I'm blue</div>
<div attr.customAttr="{{'dabadeedabadie'}}">I'm blue</div>
<div [attr.customAttr]="'dabadeedabadie'">I'm blue</div>
<div [attr.data-customAttr]="'dabadeedabadie'">I'm blue</div>

它们不会抛出错误,但也不起作用。

1 回复 | 直到 6 年前

××× × ×××× 6 年前

It works both of ways

在ts中使用参数和硬编码

<div [attr.customAttr]="'dabadeedabadie'">I'm blue</div>
<div [attr.customAttr]="name">I'm blue with param</div>

TS公司

 name = 'dabadeedabadie';

 div[customAttr="dabadeedabadie"] {
    color:blue
 }

推荐文章

Monica · 使用Selenium和Python在没有url的情况下单击下载文件

2 年前

Kevin Rodgers Jr. · Python BeautifulSoup:在in select语句中排除其他标记

2 年前

Arad · 即使使用相同的选择器,外部样式表也会覆盖内部样式表

6 年前

user1032531 · jQuery Validate require\u from\u group并按名称选择

6 年前

Christian Luneborg · 星级评定不起作用

6 年前

Gabriel Morais · CSS未应用媒体查询

6 年前

Kevin · CSS属性选择器中的“i”是什么意思?[副本]

6 年前

S syed · 如何在javascript中删除DIV标记内的CSS类?[副本]

6 年前

Karos papermoon · Div和定位问题

6 年前

user9549074 · 如何从CSS中的输入文本中设置最后一个字符的样式?

6 年前