在 MultipleSelection 下拉列表 AngularJS 中显示选定的应用程序置顶

问题描述 投票:0回答:0

嗨~我有一个 Apps Dropdown,用户可以在其中选择最多 2 个 Apps,我希望所选的 Apps 在滚动时始终保持在顶部,为此我需要为两者分配不同样式的顶部和底部值应用。 你能帮我怎么做吗? 如果选择了应用程序,我想要属性“app.isSelected”,它应该是粘性的。

<div class="selector-menu--body" ng-class="{'with-multi-app': showMultiApp()}">
              <ul>
                <li
                  class="app-detail-list--row row" ng-repeat="app in getAppList()"
                  ng-mouseover="makeActive($index)"
                  ng-class="{'is-selected': app.isSelected, 'is-highlighted': select.id == app.id}"
                  ng-click="chooseApp(app)"
                >
                  <label
                    ng-if="showMultiApp()"
                    class='loc-checkbox small-check-box vertical-center r-half-gutter col'
                    ng-show="currentApps.max > 1" ng-click="stopEventPropagation($event)"
                  >
                    <input
                      type="checkbox"
                      ng-model="app.isSelected"
                      ng-attr-id="app-{{$index}}"
                      ng-attr-name="app-{{$index}}"
                    ></input>
                    <label for="app-{{$index}}"></label>
                  </label>
                  <img style={} ng-src="{{app.icon_url}}" class="app-icon col">
                  <div class="app-detail-list--info col l-half-gutter">
                    <h4 class="app-detail-list--name" title="{{app.name}}">{{app.name}}</h4>
                    <span title="Monthly Active Users">{{ app.stats.users | displayNumber }} MAUs</span>
                  </div>
                  <div
                    class="app-detail-list--checkmark vertical-center col-right"
                    ng-if="!showMultiApp() && app.isSelected"
                  ><i class="ss-icon">check</i></div>
                </li>
              </ul>
            </div>

angularjs angularjs-directive coffeescript angularjs-ng-repeat angularjs-scope
© www.soinside.com 2019 - 2024. All rights reserved.