如何在 angucomplete-alt 插件中添加 Cross 'X' 图标？答案

【问题标题】：How can I add Cross 'X' Icon in angucomplete-alt plugin?如何在 angucomplete-alt 插件中添加 Cross 'X' 图标？
【发布时间】：2016-12-29 07:09:13
【问题描述】：

我使用Angucomplete-alt 来显示我的自动完成结果。我想在文本框中添加一个“X”十字图标，该图标将清除在文本框中输入的文本，如下图所示。

我尝试了这么多角度指令 (angular-input-clear-icon) 和 jquery 插件，但没有任何东西可以与 angucomplete-alt 插件一起使用。任何帮助将不胜感激。

【问题讨论】：

material.angularjs.org/HEAD/demo/autocomplete 看到这个网址希望这对您有帮助。
您可以使用ng-click函数清除输入字段的数据。
我需要文本框内的十字标记。
您可以使用 CSS 放置它。

标签： javascript jquery css angularjs

【解决方案1】：

改变这一行

scope.inputType = attrs.type ? attrs.type : 'text';

到

scope.inputType = attrs.type ? attrs.type : 'search';

在 clearResults() 方法中也加入这一行

if (scope.selectedObject && scope.selectedObject.originalObject)
                scope.selectedObject.originalObject = {};

【讨论】：