从ng-repeat中单击时,为该元素添加类

时间:2016-08-23 11:23:47

标签: html angularjs

我只想在单击的元素中添加工具提示。 单击时,工具提示将添加到所有重复元素。请帮帮我。

    <div ng-repeat="item in listOfMenu" class="repeat_container">

      <div ng-repeat="menu in item" class="repeat_block" ng-click="getTool(menu,menu.pricelist.length)" >
        <div class="shadow img_cont">
          <img src="{{menu.itemimage}}" class="item_img">

            <div ng-repeat="innerItem in menu.pricelist | limitTo:1">
                {{innerItem.itemprice}}
            </div>
         </div>
          <div>
              {{menu.menuitemname}}
          </div>
          <div ng-repeat="menu in addToCart" class="add_circle" ng-show="circle">
             {{menu.quantity}}
          </div>
      </div>

    </div>

1 个答案:

答案 0 :(得分:0)

更改div:

<div ng-repeat="menu in item" class="repeat_block" ng-click="getTool(menu,menu.pricelist.length)" ng-class="{'clicked': menu.clicked}">

getTool方法

menu.clicked = true;

但是您应该clicked:falsemenu加到items

中的所有其他人display: inline-block