问题标签 [md-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
624 浏览

angularjs - md-autocomplete 中的 ng-message 以错误的样式显示并与输入字段重叠

我有一个 md-autocomplete,里面有 ng-messages:

md-autocomplete 在表单内,一切正常,除了错误消息与输入字段和标签重叠:

在此处输入图像描述

在检查 DOM 时,我发现里面<md-autocomple-wrap><md-input-container>一个flex类: 在此处输入图像描述

如果我删除该类,则消息将转到正确的位置: 在此处输入图像描述

我可以看到md-autocomplete有关 angular-material 演示的示例运行良好,我正在按照他们的示例进行操作。我在这里想念什么?

0 投票
1 回答
4677 浏览

angularjs - 我在哪里可以下载 angular-material.min.js 或 angular-material.min.css 等

现在我想在 angularjs 中使用 md-autocomplete,我在哪里可以下载一些最新的文件,如 angular-material.min.js 或 angular-material.min.css

0 投票
1 回答
1703 浏览

angularjs - 有没有办法将自定义按钮添加到角度材料自动完成?

我目前正在使用一个自动完成输入组件,它工作正常,但缺少某些功能。该组件通过一个查询获取所有需要的数据,该查询在页面加载后立即触发并选择一个预定义的默认条目。然而,总是至少有 >10 个条目可用,但为了显示它们,用户有必要清除自动完成的当前项目选择。一旦选定的项目被清除,该组件就会显示所有条目并根据用户的输入过滤它们。有没有办法创建一个自定义版本的自动完成组件,我可以添加一个按钮来显示所有条目,而不管当前选择的项目是什么?

0 投票
0 回答
342 浏览

angular-material - 如何在 md-autocomplete 中显示 md-selected-item 的 html 内容

我们正在尝试在我们的应用程序中使用md-autocomplete。事情按预期工作,但我们对显示所选项目有特定要求。

我们需要显示带有一些头像和格式化内容的 HTML 内容,而不是仅仅显示文本。

md-item-text仅显示提供的任何文本,我尝试了 html 内容,但它不起作用。

md-item-template适用于列表中显示的项目,但相同的样式不适用于所选项目。

无论如何要在 Selected Item 中显示 html 内容吗?有什么建议么 ?

0 投票
1 回答
735 浏览

angularjs - md-autocomplete的搜索查询功能

用于标记(md-chips)的 md-autocomplete 的 Angular 材料文档使用下面给出的过滤器功能 -

来源:https ://material.angularjs.org/latest/demo/chips

有人可以解释这两个功能吗?在 querySearch 方法中,“self.vegetables.filter(createFilterFor(query)) : [];”是什么意思?意思是?

(“vegetables”是所有对象的数组,其中将给出建议,查询是搜索文本)

0 投票
1 回答
27 浏览

angularjs - 如何“扩展”指令中的属性?

我正在尝试做或知道是否有可能是扩展/共享/重用或类似的东西:

通过我的指令传递将在指令模板内的标记中使用的特定属性:

<app-autocomplete md-floating-label="Movies"></app-autocomplete>

在我的指令 tpl 中:

<md-autocomplete md-floating-label> <!-- where md-floating-label has the value: Movies -->

我为什么要这样做?因为 md-autocomplete 可以以两种不同的方式使用,具有placeholdermd-floating-label. 所以我希望能够根据我的布局使用一种或另一种。我也想避免这个词不要重复自己。

如果我不使用 $scope,将是这样的,其中也不起作用:

<app-autocomplete placeholder="false" md-floating-label="Cidade">

<md-autocomplete placeholder="placeholder" md-floating-label="mdFloatingLabel">

那么,有什么想法吗?

0 投票
2 回答
3023 浏览

autocomplete - 风俗用于 md 自动完成

有没有办法使用自定义模板并按特定类型属性对匹配的结果进行分组(如下图所示)?

在此处输入图像描述

使用此代码。

我能够创造这个设计 在此处输入图像描述

我需要做哪些修改才能重复输入一次,即第一次?

0 投票
0 回答
34 浏览

angularjs - md-autocomplete 表单填充了另一个 md-autocomplete 表单的内容?

我在网页上有两个表格。

一种形式是围绕md-autocomplete搜索栏以及页面上的标题;另一个围绕md-autocomplete页面本身的另一个实体。

这些表格有不同的名称。但是,在加载页面时,页面上的表单内容会在页面顶部的表单中复制。关于为什么会发生这种行为的任何想法?

0 投票
1 回答
2376 浏览

javascript - Angular Material - 关闭 md-chips 时自动完成不显示建议

md-autocomplete关闭芯片时不显示列出的建议,以获取不同的建议列表。

场景:我只想为未添加的芯片显示建议。最初,所有筹码都已添加,因此没有更多筹码可添加 - 没有建议,这很好。当芯片关闭并且输入字段被聚焦时,仍然没有建议,但理想情况下,建议列表中应该有一个芯片。仅当输入一个或多个字符时才会出现建议。

md-autocomplete即使查询字符串长度为 0,但似乎设置为 1,也应该重新渲染项目。这可以通过观察定义的过滤器函数来推断md-items,当查询字符串为空时,该函数不会被触发。

这是CodePen 链接

删除添加的筹码并专注于输入字段。观察到没有显示封闭芯片的建议md-autocomplete

0 投票
0 回答
98 浏览

meteor - Meteor: md-autocomplete 和响应式助手

当我使用 md-autocomplete 时,过滤器将应用于倒数第二个按键而不是当前按键。我尝试了不同的过滤选项,但我被卡住了,不知道如何将我的 Meteor 集合与 md-autocomplete 集成。

在我的控制器组件中,我的过滤器逻辑是这样实现的:

我的模板看起来是这样的:

过滤器在问题旁边起作用,即我的 searchText 的最后一个键未应用于过滤列表。

示例:我的收藏中有人物“Till”、“Tony”和“Andy”。当我键入“T”时,根本没有过滤掉任何内容,但来自 Till 和 Tony 的 T 在我的列表中正确突出显示。当我输入“Ti”时,Till 和 Tony 留在列表中,而 Andy 被过滤掉了。Till 的“Ti”突出显示。所以突出显示按预期工作,但过滤器不适用于我输入的最后一个字母。

我会很高兴得到一些提示,如何将我的 searchText 正确应用于 md-autocomplete。我一直在寻找我的错误几个小时,但没有成功。