小编Cre*_*fus的帖子

我很难尝试动态填充:before伪元素的'content'值.我已经发现在早期版本的AngularJS上有可能在这里的另一个问题,通过在其上有before-pseudo元素的元素上创建额外的数据属性,然后attr()在CSS中读取该值.

当使用普通字符串作为值时似乎工作得很好:

// CSS
.test:before {
  content: attr(data-before);
}

// Template
<div class="test" data-before="before text goes here">
  <h2>Hello {{name}}</h2>
</div>

但是当我尝试使用这样的插值填充数据时,我收到一个错误:

// CSS
.test:before {
  content: attr(data-before);
}

// Template
<div class="test" data-before="{{name}}">
  <h2>Hello {{name}}</h2>
</div>

我在这里错过了什么？生成的错误是:

Error: Template parse errors:
Can't bind to 'before' since it isn't a known property of 'div'.

这是plunker中的非工作版本:http://plnkr.co/edit/HwVp9jlsx6uKfoRduxWu