如何使用angular更新DOM元素

How to update DOM elements using angular

本文关键字：DOM 元素 更新 angular 何使用      更新时间：2023-09-26

这是我的角度代码：

<div ng-repeat="s in doc.Summaries">
  <a href="#" ng-click="doc.summaryIdShown = s.index">
    {{s.SummaryState}}: {{s.StopLightColor}}, {{s.LevelOfEvidence}} - {{s.UserName}} - {{s.UpdateTimeStamp | date}}
  </a>
  <br />
  <br />
</div>

在代码中，我显示了文档的每个版本的链接。然后，当用户点击链接时，我会更新我的模型变量"summaryIdShown"，并更新侧面显示的版本。问题是：我想更新这些链接，以便显示与所显示版本相对应的链接，使其看起来不同。我该怎么做？

我曾想过编写一个自定义指令，但在实现方面遇到了麻烦。

提前谢谢。

添加ng-class指令，传入一个具有要添加的类名和应检查的布尔条件的对象：

<div ng-repeat="s in doc.Summaries">
    <a href="#" ng-click="doc.summaryIdShown = s.index" ng-class="{'green': doc.summaryIdShown === s.index}">
         {{s.SummaryState}}: {{s.StopLightColor}}, {{s.LevelOfEvidence}} - {{s.UserName}} - {{s.UpdateTimeStamp | date}}
    </a>
    <br />
    <br />
</div>

CSS：

.green {
    color: green;
}
相关文章：