Question

操作在输入字段中输入，自动填充选项的数组将“推荐”您可以选择一个，然后{{selected}}区域将立即填充选择。< / p>

我在弹出模式的形式下在页面上添加了一个简单的联系表单，现在 {{selected}}未通过自动填充选择更新。相反它所做的只是填充自动填充输入字段中输入的确切文本，并保留它。自动填充本身仍在工作，但在选择项目时不再更新动态选定的模板区域。

我怀疑是这样的：iElement.trigger('input');但是如下所述我尝试从全局输入标记交换到input#specific要调用的其他想法吗？

iElement.trigger('input#specific');

JS：

function DefaultCtrl($scope) {
    $scope.names = ["Sample, Sample, Sample, Blah, Blah, Nicholas, Becky, Apples, Oranges, You get the idea"];
}
angular.module('MyModule', []).directive('autoComplete', function($timeout) {
    return function(scope, iElement, iAttrs) {
            iElement.autocomplete({
                source: scope[iAttrs.uiItems],
                select: function() {
                    $timeout(function() {
                      iElement.trigger('input');
                    }, 0);
                }
            });
    };
});

标记式：

<div ng-app='MyModule' id="search">
    <div ng-controller='DefaultCtrl' class="main_contain">
            <div class="start">I came here looking for a <span class="blank">{{selected}}</span></div><br>
        <br>    
        <input auto-complete ui-items="names" ng-model="selected" id="fill" placeholder="Start typing...">
    </div>
</div>

这jsfiddle就是它最初的工作原理。虽然，显然我不能使用全局input标签。

如何使用指定iElement.trigger的角度#id进行不同的指定显然不起作用。属性？

我也试过传递作为变量但没有用。

var input = $("input#fill").val();

{{selected}}不再获取/显示自动填充值（页面上有更多输入标签）

0 个答案: