Question

该代码正在运行：

<ul>
  <li style="width:100%;"  ng-repeat="period in row.entity.dayViewModels[row.grid.columns.indexOf(col)].periods" >
    <a style="background: rgb({{::period.color}})">{{::period.title}}</a>
  </li>
</ul>

我想要的是用来自period.color而不是a-tag的背景颜色来格式化li-tag。

但是在li-tag上设置ng风格/样式不起作用，因为那段时间是未知的......

如何格式化li-tag呢？

Answer 1

这对我有用。

<ul>
  <li ng-style="{backgroundColor: period.color}"  ng-repeat="period in row.entity.dayViewModels[row.grid.columns.indexOf(col)].periods" >
    <a>{{::period.title}}</a>
  </li>
</ul>

对于IE11问题..使用ng-attr-style属性而不是样式。热切处理样式属性将{{:: item.color}}视为无效的bgcolor值。因此，颜色不会被反射。

Answer 2

嗯......我认为句号在li标签上是已知的。我写了一个简单的例子来实现你想要的：http://jsbin.com/dosohehopa/2/edit?html,js,output

使用ng-repeat在li-tag上设置ng-style / style属性

2 个答案: