Question

我有一个带有图像标签的div标签。我正在使用angularjs控制器动态更改图像的来源（基本上是照片幻灯片）。 div标签具有CSS类，可在图像出现时旋转图像。我的问题是CSS仅适用于第一个图像，而不适用于其他图像。我已经通过有角度的思考创建了一个自定义CSS，该CSS可以运行，但是没有。

下面是我的HTML代码：

db.Employee.aggregate([
  {
    $match: {
      "Employee._id": 2
    }
  },
  {
    $lookup: {
      from: "Customer",
      localField: "_id",
      foreignField: "customer.SupportRepId",
      as: "customer"
    }
  },
  {
    $lookup: {
      from: "Invoice",
      localField: "customer._id",
      foreignField: "invoice.CustomerId",
      as: "invoice"
    }
  }
])

下面是我在angularJS控制器中的代码，它更改了图像源

<!DOCTYPE html>
<html>

<head>
    <title>Test Page</title>
    <script src=" 
    https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> 
    </script>
    <script type="text/javascript" src="Scripts/common.js"></script>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="CSS/rotateTransition.css">
</head>

<body>
   <h2>Test Page</h2>

    <div ng-app="mainApp" ng-controller="commonController" ng- 
    init="init('testloc')">
        Current Image Location: {{imageObject}} <br>
        TimeLeft :{{ countDownLeft }}
        <div ng-style="customStyle.style" ng-class="customStyle.class">
                <img ng-src={{imageObject}}>
        </div>
    </div>
 </body>
</html>

如何在div标签中重新加载CSS

0 个答案: