Javascript 将基于第二个div的CSS应用于第一个div中单击的项时出现问题

我对angular很陌生。还需要一些例子的帮助

我有两个div。一个是使用ng repeat创建的，并使用ng click获取单击的项目。我有另一个div，它下面有CSS，比如

style="width:100px;
float:left;
margin-top:-30px;
margin-left:-100px;">
<img src="../../../path to image" in it.

style=“宽度：100px；
浮动：左；
利润上限：-30px；
左边距：-100px；“>
现在，我想将下面的Css div应用于ng clicked项。最好的方法是什么？如有必要，请提供示例。我的代码：

<div ng-repeat="p in package "> 
<div class="col-md-3 pack-align-lr cursor-poi ticket-top space-buy-pack active-pack " ng-click="testing(p)" >
    <span class="pack">{{p}}</span><span class="spaces-font">Spaces</span> 
</div>
 <div style="width:100px;float:left;margin-top:-30px;margin-left:-100px;"><img src="../../../path to image" class="eventclass"/>
</div> 
</div>


{{p}}空间

提前感谢
据我所知，您希望在单击第一个div时修改同级元素的样式。

如果是这样，我建议您将css规则“打包”到一个类中，比如说
.selected package


接下来的步骤是将所选状态存储在变量中（当您单击
ng
时），并使用
ng class
指令在第二个div上切换
所选包
css类

总结一下，这里有一个简单的演示：


angular
.module（'fancyApp'，[]）
.controller（'fancyController'，函数（$scope）{
$scope.packages=[
{name:'package 1'}，
{name:'package 2'}，
{name:'package 3'}
];
});
。所选软件包{
颜色：红色；
}
[点击]{
光标：指针；
}

我的包裹：


第一个div:{{p.name}
第二个div（单击第一个div时为红色）


您的代码在哪里？{{p}}Spaces@user1851003将其添加到您的问题中。编辑您的问题欢迎使用Stackoverflow！提问前请先阅读。编辑您的问题，在或类似的操场上提供简短的示例，以避免问题被关闭，并为您的问题获得适当的解决。好的，谢谢您的建议。我对堆栈溢出也很陌生。因此我不知道接下来要做什么。再次感谢。希望有人能回答我的问题。我希望颜色只应用于所选的div。一旦我点击另一个div，它应该适用于这个div和以前的彩色div应该消失。希望你得到我的确切要求。非常感谢您之前的发言solution@user1851003我认为您可以根据所提供的示例构建您的确切需求。只需使用css类来切换元素的显示。