add-from-autocomplete-only =“false”,在ngInputTag控件中自动完成控件不起作用

时间:2017-02-27 09:21:54

标签: javascript angularjs autocomplete tags ng-tags-input

花费大量时间进行调查以解决问题,以便在 ngInputTag 中允许任何标记以及自动完成功能。我最终没有结果。 问题是,当我键入自动完成列表中的文本时,标签会成功添加,但是当指向添加不在标记列表中的标记时,它会接受第一个标记,但是当我输入不在自动完成列表中的第二个标记时它使文本颜色为红色,不接受标签输入。

要解决此问题,我使用了 on-tag-added ,但它没有用。 Git-Hub Issue Link

报告了同样的问题

以下是我的代码: 的 HTML

 <tags-input ng-model="model" display-property="Name" key-property="Key"
             placeholder="Enter Tags" add-from-autocomplete-only="false"
             allow-leftover-text="true">
          <auto-complete source="loadTags($query)"
                         highlight-matched-text="true"
                         select-first-match="true">
          </auto-complete>
 </tags-input>

控制器JS代码:

$scope.model = [];
 $scope.loadTags = function (query) { 
            var deferred = $q.defer();
            $http.get(ApiUrls.GetTagsByQuery + (query != null ? ("?query=" + query) : ""))
                .then(function (result) { 
                    if (result.data == null) {
                        result = [];
                    }
                    deferred.resolve(result.data);
                },
                function (response) {
                    deferred.reject(response);
                });
            return deferred.promise;
        };

任何帮助都将得到高度赞赏。感谢。

1 个答案:

答案 0 :(得分:0)

同样的问题!但是如果删除键属性,那么它将起作用。

key-property仅用于重复发布