Nano Hash - криптовалюты, майнинг, программирование

md-select withmultiple - ограничить количество выбранных показов

При использовании Angular Material md-select с несколькими элементами будет отображаться каждый выбранный элемент. У меня есть множественный селектор, показывающий округа, и все они должны быть предварительно выбраны. В результате получается список, содержащий более 30 элементов, что выглядит не очень хорошо для настройки страницы.

Любые параметры, которые могут ограничить выбор, отображаемый после того, как они были выбраны?

Можно ли как-то отображать md-select-text при превышении лимита, в моем случае 3 и более?

Любые другие решения?

Ссылка на несколько примеров codepen

angularjs angular-material
13.06.2016

Ответы:


1

Прямого способа добиться этого нет, но если вы просто хотите отобразить ограниченный выбор текстовых сообщений, вы можете попробовать следующее, используя md-selected-text.

<md-select ng-model="selected" placeholder="Pick" ng-change="onChange()" md-on-open="onOpen()" multiple md-selected-text="getSelectedText()">
<!-- OPTIONS -->
</md-select>

И в JS:

$scope.getSelectedText = function() {
    console.log($scope.selected);
    if ($scope.selected !== undefined) {
        var filtered=filterSelectedItems($scope.selected); //Filter the display string over here
        return filtered
} else {
    return "Please select an item";
}
}

Модель ng selected в случае режима multiple представляет собой массив. Переберите его и отобразите сжатую строку. Кроме того, вы можете поместить всплывающую подсказку, чтобы отобразить все выбранные элементы.

13.06.2016
  • Я получаю ReferenceError: filterSelectedItems is not defined. Есть идеи, почему? 13.06.2016
  • Нет . filterSelectedItems - это функция, которую вам нужно будет создать в соответствии с вашими требованиями. Допустим, вы просто хотите показать первые 3 выбранных элемента, тогда эта функция вернет первые 3 элемента массива. 13.06.2016
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..