问题标签 [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 投票
1 回答
4899 浏览

angular - md-autocomplete onSelectionChange 触发两次

我在 Angular 应用程序中使用 md-autocomplete angular/material: 2.0.0-beta.5。在最新版本中,该selected方法已被onSelectionChange.

第一次从下拉列表中选择一个值时,关联的方法只触发一次,但是如果我从下拉列表中选择一个新值,它会被选择两次(第二次具有以前的值)。

逻辑在以前的版本中正常工作。

模板

控制器

0 投票
3 回答
1747 浏览

angular - Material2 自动完成的值不显示

我试图让自动完成显示对象的一个​​参数但保存另一个参数,到目前为止它似乎没有表现。

代码根据 Material2 Autocomplete 站点:Autocomplete

不同之处在于 [value] 我想保存 'option.Id' 而不是 'option'。

错误是,虽然它记录 option.Id 它实际上并没有在输入字段中显示值(将其留空)。

我的comp.html

我的comp.ts

0 投票
0 回答
485 浏览

javascript - 角材料芯片 md-autocomplete 不适用于 ng-repeat

我在这里使用 Angular 1.5.5 和 angular-material 1.1.0。

当我在 ng-repeat 循环中添加 md-chips 时,它不起作用,出现以下错误:

  1. md-template 不应该这样做(作为返回值,我从 md-item-text 获取值,即 _id,但我需要 $chip.text);
  2. 即使我更改 md-item-text="item.text" (这是错误的但用于测试),它也不会添加项目。

它适用于单个项目(没有 ng-repeat)。

JS

以及 api 结果示例:

0 投票
1 回答
624 浏览

angularjs - 带有个人资料图片的Angularjs md-autocomplete

我的页面顶部有一个搜索栏,用于搜索个人资料。我想有一个自动完成功能,比如 facebook 或linkedin。我在前面使用 angularjs。

我需要显示找到的个人资料的记录以及他们的图片和他们的全名。

如何在 md-autocomplete 的 md-items 中设置找到的配置文件的图像(这可能吗)?除了 md-autocomplete 之外,有没有更好的方法可以在不重新发明整个轮子的情况下实现这种自动完成?

谢谢

0 投票
1 回答
139 浏览

javascript - md-autocomplete 一次后不起作用

  1. 我在文本搜索上做了一个简单的自动完成功能。有两个函数 - querySearch(searchText) 和 homeresults(item)。querySearch 函数正确地获取结果并且那里没有问题。一旦用户选择了一个结果,它就会调用 homeresults 函数。此功能第一次可以正常工作,但之后除非我返回主页,否则无法正常工作。所以一旦用户在结果页面上,他不能再次使用搜索栏,除非他回到主页。没有错误。这是我的代码片段:
  2. HTML

  3. Javascript

    /li>
0 投票
1 回答
657 浏览

angularjs - 如何填充 md-autocomplete 下拉列表?

我正在尝试将 md-autocomplete 与 $http() 一起使用,我可以在控制台中看到这些值,但我无法显示从 api 请求返回到自动完成的数据。我尝试使用 return 关键字返回存储在 JSON 数组中的值。

我要显示的数据存储在 JSON 数组中,内容可以在控制台中看到:

0 投票
1 回答
1844 浏览

angular - 删除 Angular 4 材质应用程序中 md-autocomplete 的自动选择

我有一个带有材料设计的 Angular 4 应用程序。在这个应用程序中,我打开一个对话框,里面有一个表单。在这种形式中,我在第一个位置有一个自动完成字段。这是我的 html 代码:

当我打开对话框时,选择了自动完成输入,因此project.name无需单击输入即可显示列表。

那么,你知道我该怎么做才能在开始时不选择输入,而只是在我点击它的时候?

0 投票
1 回答
7962 浏览

angular - 按名称选择并在 Angular 4 材料应用程序的 md-autocomplete 输入中获取 id

我有一个带有材料设计的 Angular 4 应用程序。在这个应用程序中,我有一个带有自动完成字段的表单。

这是我的 html 代码:

我的 ts 代码:

所以,我有projects3 个字段:{id: "1", name: "test", photo: "test"}。我想按名称选择一个项目,但要取回 id 作为回报。实际上,我已经选择了名字,但我在最后得到了名字。如果我更改[value]="project.id",我会得到 id 但它是显示在输入中的 id。

那么,您知道如何获取 id 但按名称选择并在输入中显示名称吗?

0 投票
1 回答
1709 浏览

angular - 材料 2 - 自动完成不显示选项

我正在尝试md-autocomplete实现material-2in angular。它假设的工作方式是当用户开始输入时,它会http调用以获取数据并显示在选项中。我能够进行 http 调用,但由于某种原因它不会显示在options.

网页

TS

以下是http电话的回应。

在此处输入图像描述

具有不同 api 调用但类似响应和设置的演示plunker 。笨蛋

感谢帮助。

0 投票
1 回答
474 浏览

angular - 从服务器获取数据的 md-autocomplete angular2 在焦点上显示空下拉列表(但在第一次输入时填充)

我正在从 Angular2 服务获取数据并尝试放入自动完成组件。当用户关注自动完成组件时,下拉菜单打开为空,但当用户输入内容时,下拉菜单会显示结果。

我想在自动完成集中显示所有数据,而不仅仅是在第一次输入之后。

我的模板是:

我的组件是: