md-select 显示多个 - 限制数量 selected

Question

将 Angular Material md-select 与多个一起使用时，将显示每个 selected 项目。我有多个 selector showing counties，它们都应该预先 selected。这导致列表包含 30 多个项目，页面设置看起来不太好。

任何可以限制 select 离子在 selected 后显示的选项？

是否有可能在超过限制时显示 md-select-text，在我的例子中是 3 个或更多？

还有其他解决方案吗？

Link 到几个 codepen 示例

Answer 1

没有直接的方法来实现这一点，但如果您只想显示有限的文本 post 选择，您可以使用 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-model selected 在 multiple 模式的情况下是一个 array.Iterate 并显示一个压缩字符串。此外，您可以在其上放置一个工具提示以显示完整的选定项目。

md-select 显示多个 - 限制数量 selected

md-select with multiple - limit amount of selected showing

angularjs

angular-material