ng-click事件对html5 datalist不工作angularjs

Question

我已经为所有搜索列表创建了datalist并在datalist上创建了ng-click事件，以便将选定的详细信息发送给控制器。但是ng-click在DataList中不起作用。你能帮我吗

对于。（如）在(key,data).中，我需要在前端搜索框中显示data，但是在从DataList.中选择该数据时，我需要将其相应的键发送给controller

有问题的部分供您参考（plunker中的完整代码）：

<h2>Custom search field</h2>
            <div id="custom-search-input">
                <div class="input-group col-md-12">
                    <input type="text" class="form-control input-lg"  list="suggestions" placeholder="search" ng-model="obj.searchText" ng-focus="searchSuggest()" />
                    <span class="input-group-btn">
                        <button class="btn btn-info btn-lg" type="button" ng-click="showProduct(obj)">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                </div>
            </div>
            <div>
                <datalist id="suggestions">
                    <p ng-repeat="values in suggestionResults track by $index"><option ng-repeat="(key,data) in values" value="{{data}}"  ng-model="selectedProduct" ng-click="showProduct({key: key, data: data})"></p>
                </datalist>

            </div>

在上面的代码中，你可以看到键和数据。我只需要显示数据值，但在选择一个选项。，我需要发送各自的URL链接到Conroller。在ng-repeat中创建了datalist

请从下面的插入器链接中的文本框中的下拉列表中选择一个值

Answer 1

你的ng-click在chrome中触发了罚款，我可以看到你的console.logs数据。

我检查了您的代码，您的搜索逻辑不工作，并且您在控制台中不断得到“不匹配”的原因是您使用了错误的条件，您没有检查值，使用搜索字符串，您使用搜索字符串检查“key/value object”。

将showProduct方法中的if条件更改为：

if ($scope.suggestionResults[i][Object.keys($scope.suggestionResults[i])[0]] == searchText) {
   console.log(Object.keys(response.data[i])[0]);
   $scope.redirectLink = Object.keys(response.data[i])[0];
}else{
   $scope.redirectLink = "not matching";
}