Javascript Facebook通知下拉列表（按角度）

我试图让通知下拉列表像facebook一样，当通知未读时，有一个状态为“未读”是真是假，所以我想将此通知的背景颜色设置为灰色，否则未读为未读=假，因此背景为白色。当我点击它时会出现一个气泡，使未读通知成为已读

<li ng-if="vm.logged">
          <div class="dropdown">
            <button class="btn-noti" id="dropdownNoti" ng-click="vm.showDropdown($event)">
              <span class="fa fa-bell-o"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownNoti">
              <div class="col-md-12 col-xs-12" style="border-bottom: #655771;border-bottom-style: double;">
                <h5 class="notification-title"><i class="fa fa-bell"></i> Notifications</h5>
                <a class="mark-all" ng-click="vm.markAllRead()">Mark all as read</a>
              </div>
              <li ng-if="!vm.notifications.length"><a>You have no new notification yet.</a></li>
              <li class="notification-type"  ng-repeat="notification in vm.notifications" ng-if="notification.unread==true" ng-style="{'color':'red'}" style="border-bottom-style: ridge;">
                <a href="">{{notification.description}}
                  <h6><i class="fa fa-clock-o"></i> {{vm.timeOf(notification)}}</h6>
                </a>
                <a class="mark-as btn btn-default " ng-click="vm.markAsRead(notification.id)"></a>
              </li>
            </ul>
          </div>
        </li>

通知

您应该使用

ng class

来测试表达式，并添加一个具有

背景色

属性的特定类

ng-class="$variableToEvaluate ? 'class-if-true' : 'class-if-false'">

我使用了ng样式=“{'background-color'”：notification.unread==false？'white'：“#f5'}”，它成功了^^