Question

我正在使用角度与angucomplete插件。 https://github.com/darylrowland/angucomplete

如何预填充自动填充文本字段的值？我在文档上找不到答案。有没有人遇到同样的问题并且能够解决它？

例如：我正在创建添加/编辑产品的表单。产品取决于零件。所以该部分正在使用angucomplete。

当“编辑产品”时，angucomplete需要预先填充来自变量或数据绑定的部分。

我的代码：

<div style="display:inline-block;" ng-repeat="part in Productparts">
        <!--<input type="text" />-->
        <div angucomplete id="autocompletefield{{part.counter}}" placeholder="part" pause="100" selectedObject="partSelectedObject" url="http//www.blablabla.com/part?keyword=" datafield="part" titlefield="name" minlength="2" inputclass="form-control form-control-small"></div>
    </div>

现在当我编辑产品时，angucomplete需要预先填充对象part.name

Answer 1

解决方案是我必须更新插件，以便接受预填充值。

在范围的angucompletejs文件中我添加：

"initialValue": "@initialvalue"

并在链接中添加：

if($scope.initialValue){
            $scope.searchStr = $scope.initialValue;
        }

现在我可以使用initialValue属性。

<div style="display:inline-block;" ng-repeat="part in Productparts">
<div angucomplete id="autocompletefield{{part.counter}}" placeholder="part" pause="100" selectedObject="partSelectedObject" url="http//www.blablabla.com/part?keyword=" datafield="part" titlefield="name" minlength="2" inputclass="form-control form-control-small" initialValue="{{part.name}}"></div>
</div>

如何使用angucomplete插件预填充数据？

1 个答案: