角度范围和ng-click/ng-show设置多个div

我正在寻找一些我迄今为止的代码的帮助.

主要目标是能够点击任何加号图标并让它覆盖所有其他div块.

当点击加号图标时,它也会在右侧显示一个div块.

正如您将看到单击块2时所做的那样.

当点击任何加号图标时,我正在寻找一种有效的方法来使用Angular.

这只是我在这里展示的一个小样本,实际上可以覆盖10到20个块.

如果有人能够在这里看到使用更少代码的方法并更好地利用范围,那将非常感激.

我在这里看了很多选项,比如这篇文章.

试过这个,但它不想工作......

data-ng-class="{coverThisBlock: value2 == 'off',coverThisBlock: value == 'on'}"

如果我不得不使用这种类型的选项,甚至说10块,那将是一个真正的混乱.

主要问题

是否有更好的Angular方式可以使用...当点击任何加号图标时,它会更改范围,然后由ngclass和ng-show使用？

如何正确连接此示例的范围？

非常感谢.

我在这里设立了一个有效的FIDDLE.

这是Avijit Gupta的最终工作示例.

  
    
    
        

        1
        
        
    
    
Hello



    
    
        

        2
        
        
    
    
Hello


  
    
    
        

        3
        
        
    


 
    
    
        

        4
        
        
    
    
Hello
   



    
    
        

        5
        
        
    
    
Hello





  

回答NG-REPEAT的问题

ng-repeat可以为每个不同的div使用多个css类

显然它可以.

通过像这样使用范围ID ...

和这样的CSS ...

.block-1 {...

在这里工作的好消息