小编Ang*_*rJR的帖子

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

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

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

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

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

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

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

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

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

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

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

主要问题

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

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

非常感谢.

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

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

<div class="container" ng-app="plusMinusApp"  ng-controller="plusMinusController">

<div class="row" ng-init="value1 = 'off'">
 <!--<div class="col-xs-4" data-ng-class="{coverThisBlock: value2 == 'off',coverThisBlock: value == 'on'}"> --> 
    <div class="col-sm-4 col-xs-6" data-ng-class="{coverThisBlock: value2 == 'off'}">    
        <div class="divClass" 
        data-ng-click="(selectBlock(1)) ; (status1 = !status1) ; (value1 = { 'on': 'off', 'off':'on'}[value1])" 
        data-ng-class="{'active-selection': …