3赞

使用Angular2动态填充css Pseudo-element'之前'的内容

作者：360691894_8a5c48 | 2023-09-07 12:34

如何解决《使用Angular2动态填充cssPseudo-element'之前'的内容》经验，为你挑选了1个好方法。

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

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

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

// Template

  Hello {{name}}

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

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

// Template

  Hello {{name}}

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

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

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

1> Frank Fajard..：

使用:

UPDATE

你也可以name像这样放下方括号:

这似乎是我看到的一些例子中的惯例.我认为这是有效的,因为你已经告诉Angular通过指定来执行绑定[attr.data-before],并且假设右边的数据来自相应的组件.

推荐阅读

程序员
Bootstrap Datepicker未加载

如何解决《BootstrapDatepicker未加载》经验，为你挑选了1个好方法。 ... [详细]
程序员
架构的重复符号x86_64从CocoaPods添加pod时

如何解决《架构的重复符号x86_64从CocoaPods添加pod时》经验，为你挑选了0个好方法。 ... [详细]
程序员
如何在实现接口但不扩展另一个类的Java类中引用super方法？

如何解决《如何在实现接口但不扩展另一个类的Java类中引用super方法？》经验，为你挑选了0个好方法。 ... [详细]
程序员
"git无法读取当前工作目录没有错误" - posh git(windows 10)

如何解决《"git无法读取当前工作目录没有错误"-poshgit(windows10)》经验，为你挑选了1个好方法。 ... [详细]
程序员
我可以让nodejs --debug标志等待远程连接

如何解决《我可以让nodejs--debug标志等待远程连接》经验，为你挑选了0个好方法。 ... [详细]
程序员
CakePHP 3 QueryBuilder:少数值的条件不会生成'IN'语句

如何解决《CakePHP3QueryBuilder:少数值的条件不会生成'IN'语句》经验，为你挑选了0个好方法。 ... [详细]
程序员
lxml无法解析xml(其他编码是否为utf-8)[python]

如何解决《lxml无法解析xml(其他编码是否为utf-8)[python]》经验，为你挑选了1个好方法。 ... [详细]
程序员
移动 - iOS - Safari - window.outerHeight返回0

如何解决《移动-iOS-Safari-window.outerHeight返回0》经验，为你挑选了1个好方法。 ... [详细]
程序员
将NodeJS部署到Elastic Beanstalk时出现NPM错误

如何解决《将NodeJS部署到ElasticBeanstalk时出现NPM错误》经验，为你挑选了1个好方法。 ... [详细]
程序员
akka:如何测试一个演员被停止了

如何解决《akka:如何测试一个演员被停止了》经验，为你挑选了1个好方法。 ... [详细]
程序员
为什么java只允许动态链接？

如何解决《为什么java只允许动态链接？》经验，为你挑选了1个好方法。 ... [详细]
程序员
声纳抱怨“ SonarQube分析已经在进行中”

如何解决《声纳抱怨“SonarQube分析已经在进行中”》经验，为你挑选了1个好方法。 ... [详细]
程序员
管道操作员如何在最后一行返回结果？

如何解决《管道操作员如何在最后一行返回结果？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Android:状态栏颜色更改,API级别低于21

如何解决《Android:状态栏颜色更改,API级别低于21》经验，为你挑选了1个好方法。 ... [详细]
程序员
我可以提交MVC6视图组件吗？

如何解决《我可以提交MVC6视图组件吗？》经验，为你挑选了1个好方法。 ... [详细]
程序员
扩展RepositoryRestExceptionHandler

如何解决《扩展RepositoryRestExceptionHandler》经验，为你挑选了1个好方法。 ... [详细]
程序员
MongoDB TimeZone

如何解决《MongoDBTimeZone》经验，为你挑选了1个好方法。 ... [详细]
程序员
Pandas df.describe(),是否有可能在没有移调的情况下按行进行？

如何解决《Pandasdf.describe(),是否有可能在没有移调的情况下按行进行？》经验，为你挑选了2个好方法。 ... [详细]
程序员
如何截断XMM寄存器中的浮点值

如何解决《如何截断XMM寄存器中的浮点值》经验，为你挑选了1个好方法。 ... [详细]
程序员
在基于标签栏的应用程序上添加导航栏

如何解决《在基于标签栏的应用程序上添加导航栏》经验，为你挑选了1个好方法。 ... [详细]

360691894_8a5c48

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章

DevBox开发工具箱 | 专业的在线开发工具网站