angularjs - の不透明度/透明度をロック解除/有効化および変更する方法角度のある場合クリックされる

Question

ボタンで ng-disable に似た効果をシミュレートして、ボタンを無効にして半透明にしますが、div でシミュレートしたいと考えています。

私はイオンフレームワークを使用しています（念のため）。

私はこの div を持っています。透明度/不透明度を 50% にして、最初は無効にしたい:

  <div class="suboption">

    <div class="description-and-dropdown-wrapper" >

      <h4>{{specialtyName}}</h4>

      <div class="buttons">
        <button class="button button-icon ion-ios-arrow-down"  ng-click="specialtiesPopover.show($event)">

          <script id="popoverSpecialties.html" type="text/ng-template">
            <ion-popover-view>
              <ion-content >
                <div class="list">
                  <ul>
                    <li class="item" ng-repeat="specialty in specialties" ng-click="specialtyClick(specialty); popover.hide()">
                      {{specialty.name}}
                    </li>
                  </ul>
                </div>
              </ion-content>
            </ion-popover-view>
          </script>
        </button>

      </div>

    </div>

  </div>

しかし、別の div のボタンがクリックされて透明度が 0% になり、最初の div 内のすべてのコンテンツが有効になると、これは他の div になるため、cityClick() ですべてのコンテンツのロックを解除/有効にする何かをトリガーしたい最初の div で、最初の div の透明度を 0% に設定します。

    <div class="description-and-dropdown-wrapper">

      <h4>{{cityName}}</h4>

      <div class="buttons">
        <button class="button button-icon ion-ios-arrow-down" ng-click="citiesPopover.show($event)">

          <script id="popoverCities.html" type="text/ng-template">
            <ion-popover-view>
              <ion-content >
                <div class="list">
                  <ul>
                    <li class="item" ng-repeat="city in cities" ng-click="cityClick(city)">   //NOTICE cityClick() HERE
                      {{city.name}}   
                    </li>
                  </ul>
                </div>
              </ion-content>
            </ion-popover-view>
          </script>
        </button>

      </div>

    </div>

  </div>

私はAngularの初心者なので、誰かにこれを行うために正しい方向に向けてもらいたいだけです。