Angularjs 如何突出显示包含.has错误类字段的选项卡（角度ui引导）

我在模板文件中使用tabs指令（所有选项卡都在那里定义）。每个选项卡包含多个属于表单的文件（此单个表单字段被拆分为多个选项卡）。验证整个表单时，某些字段可能会得到类“.has error”。如何仅突出显示（提供特殊背景颜色）包含相关选项卡内容中带有“.has error”类的字段的选项卡？

您可以将css类（在本例中为“my.tab”）添加到选项卡指令中。然后你可以这样完成它：

.my-tab .has-error {
  background-color: #f5f5f5;
}

---更新---

在认识到您指的不是实际控件而是选项卡之后，我建议使用以下解决方案：

向每个监视窗体状态的选项卡添加指令。您可以只查看表单的$valid属性，并根据$valid值在选项卡的指令中设置高亮显示。值将由watch函数传递

---更新---

---

不知道另一个答案中所述的功能。非常完美

解决方案如下：将每个选项卡内容包装成

ng格式

：

    <div ng-form bind-validity="tab1Invalid">
      ...form controlls...
    </div>

---

一个有效的解决方案。

你能不能把css添加到那些字段中，例如，

input.has-error{background:red；}

？我想他是想给选项卡添加样式，而不是字段。

  <tab>
    <tab-heading>
      <span ng-class="{boom: tab1Invalid}">...</span>
    </tab-heading>

    ...content...
  </tab>