javascript - 如何设置li :before with ng-style的css

标签 javascript html angularjs

我想用可变范围(宽度)更改 li:before 的宽度值。

 <ul>
    <li ng-repeat="step in stepsList" ng-style="{li:before { 'width': width;}"
        ng-class="{true: 'active'}[step.active]">
        <span>{{step.stepName | uppercase}}</span>
    </li>
</ul>

我正在执行这段代码,但它不起作用。 请帮忙。

最佳答案

很遗憾,内联样式 中不能有伪元素。您可以做的是有两个单独的 CSS 类,例如

.a:before {}
.b:before {}

这样你就可以使用ngClass将适当的类添加到您的 HTML

关于javascript - 如何设置li :before with ng-style的css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30352514/

相关文章:

javascript - 如何将多个angularjs文件编译成单个应用程序文件

javascript - 使用 ui-router 实现动态 URL 路由的最佳方法是什么

javascript - 我可以写一个私有(private)的greasemonkey脚本吗?

javascript - 按 Enter 键时禁止在 &lt;textarea&gt; 中换行 [html、javascript]

html - WebKit:没有 <DOCTYPE> 的 flexbox?

php - 我正在尝试通过 PHP 将文本字符串转换为 mySQL 数据库的日期

javascript - Promise 链没有按预期工作

javascript - React Native 在 Snack.expo.io 上使用本地字体

javascript - 使用 Rails 后端在 Angular 中渲染初始 View

javascript - 汉堡菜单对于网格尺寸可见